diff --git a/docs/src/pages/components/ClickableTile.svx b/docs/src/pages/components/ClickableTile.svx
index 53997ff5..49c02952 100644
--- a/docs/src/pages/components/ClickableTile.svx
+++ b/docs/src/pages/components/ClickableTile.svx
@@ -13,6 +13,20 @@ source: Tile/ClickableTile.svelte
 Carbon Design System
 </ClickableTile>
 
+### Prevent default behavior
+
+Use the forwarded `click` event and invoke `e.preventDefault()` to prevent the native link behavior.
+
+<ClickableTile
+  href="/"
+  on:click={(e) => {
+    e.preventDefault();
+    // custom behavior
+  }}
+>
+  Carbon Design System
+</ClickableTile>
+
 ### Light variant
 
 <ClickableTile light href="https://www.carbondesignsystem.com/">