diff --git a/packages/compare-images/typescript/package.json b/packages/compare-images/typescript/package.json
index 87337c6b5..b64c02667 100644
--- a/packages/compare-images/typescript/package.json
+++ b/packages/compare-images/typescript/package.json
@@ -69,4 +69,4 @@
     "type": "git",
     "url": "https://github.com/InsightSoftwareConsortium/itk-wasm"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/compress-stringify/typescript/package.json b/packages/compress-stringify/typescript/package.json
index 0a4a24a5f..5be8a1f8a 100644
--- a/packages/compress-stringify/typescript/package.json
+++ b/packages/compress-stringify/typescript/package.json
@@ -67,4 +67,4 @@
     "type": "git",
     "url": "https://github.com/InsightSoftwareConsortium/itk-wasm"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/compress-stringify/typescript/test/browser/demo-app/index.html b/packages/compress-stringify/typescript/test/browser/demo-app/index.html
index 1369c8ce3..435706fa1 100644
--- a/packages/compress-stringify/typescript/test/browser/demo-app/index.html
+++ b/packages/compress-stringify/typescript/test/browser/demo-app/index.html
@@ -76,7 +76,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
 <br />
       <sl-input name="data-url-prefix" type="text" label="dataUrlPrefix" help-text="dataURL prefix"></sl-input>
     <sl-divider></sl-divider>
-      <br /><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button>
+      <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>
       <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 
     </form></div>
@@ -102,7 +102,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
       <sl-checkbox name="parse-string">parseString - <i>Parse the input string before decompression</i></sl-checkbox>
 <br /><br />
     <sl-divider></sl-divider>
-      <br /><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button>
+      <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>
       <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 
     </form></div>
diff --git a/packages/dicom/typescript/package.json b/packages/dicom/typescript/package.json
index 3151a36af..715368026 100644
--- a/packages/dicom/typescript/package.json
+++ b/packages/dicom/typescript/package.json
@@ -68,4 +68,4 @@
     "type": "git",
     "url": "https://github.com/InsightSoftwareConsortium/itk-wasm"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/dicom/typescript/test/browser/demo-app/index.html b/packages/dicom/typescript/test/browser/demo-app/index.html
index 9ce5d6399..231688910 100644
--- a/packages/dicom/typescript/test/browser/demo-app/index.html
+++ b/packages/dicom/typescript/test/browser/demo-app/index.html
@@ -87,7 +87,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
       <sl-checkbox name="no-bitmap-output">noBitmapOutput - <i>Do not get resulting image as bitmap output stream.</i></sl-checkbox>
 <br /><br />
     <sl-divider></sl-divider>
-      <br /><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button>
+      <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>
       <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 
     </form></div>
@@ -167,7 +167,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
       <sl-checkbox name="disable-correction">disableCorrection - <i>disable automatic data correction</i></sl-checkbox>
 <br /><br />
     <sl-divider></sl-divider>
-      <br /><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button>
+      <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>
       <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 
     </form></div>
@@ -275,7 +275,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
       <sl-checkbox name="code-details-tooltip">codeDetailsTooltip - <i>render code details as a tooltip (implies +Cc)</i></sl-checkbox>
 <br /><br />
     <sl-divider></sl-divider>
-      <br /><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button>
+      <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>
       <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 
     </form></div>
@@ -333,7 +333,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
       <sl-checkbox name="print-color">printColor - <i>Use ANSI escape codes</i></sl-checkbox>
 <br /><br />
     <sl-divider></sl-divider>
-      <br /><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button>
+      <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>
       <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 
     </form></div>
@@ -360,7 +360,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
       <label for="tags-to-read-file"><sl-button name="tags-to-read-file-button" variant="primary" outline onclick="this.parentElement.nextElementSibling.click()">Upload</sp-button></label><input type="file" name="tags-to-read-file" style="display: none"/>
 <br /><br />
     <sl-divider></sl-divider>
-      <br /><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button>
+      <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>
       <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 
     </form></div>
@@ -386,7 +386,7 @@ <h3>👨‍💻 Live API Demo ✨</h3>
       <sl-checkbox name="single-sorted-series">singleSortedSeries - <i>The input files are a single sorted series</i></sl-checkbox>
 <br /><br />
     <sl-divider></sl-divider>
-      <br /><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button>
+      <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="loadSampleInputs" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>
       <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 
     </form></div>
diff --git a/src/bindgen/typescript/demo/interface-functions-demo-html.js b/src/bindgen/typescript/demo/interface-functions-demo-html.js
index 7f469f2bf..c48034685 100644
--- a/src/bindgen/typescript/demo/interface-functions-demo-html.js
+++ b/src/bindgen/typescript/demo/interface-functions-demo-html.js
@@ -34,7 +34,7 @@ function interfaceFunctionsDemoHtml(interfaceJson, functionName, useCamelCase) {
 
   result += `${prefix}<sl-divider></sl-divider>\n`
   const loadSampleInputsId = useCamelCase ? 'loadSampleInputs' : 'load-sample-inputs'
-  result += `${prefix}  <br /><sl-button name="${loadSampleInputsId}" variant="default" style="display: none;">Load sample inputs</sl-button>\n`
+  result += `${prefix}  <br /><sl-tooltip content="Load example input data. This will overwrite data any existing input data."><sl-button name="${loadSampleInputsId}" variant="default" style="display: none;">Load sample inputs</sl-button></sl-tooltip>\n`
   result += `${prefix}  <sl-button type="button" variant="success" name="run">Run</sl-button><br /><br />
 \n`
   result += `${prefix}</form></div>\n` // id="${functionName}Inputs"
@@ -50,4 +50,4 @@ function interfaceFunctionsDemoHtml(interfaceJson, functionName, useCamelCase) {
   return result
 }
 
-export default interfaceFunctionsDemoHtml
\ No newline at end of file
+export default interfaceFunctionsDemoHtml