diff --git a/docs/src/pages/components/Search.svx b/docs/src/pages/components/Search.svx
index 7156b890..631c992a 100644
--- a/docs/src/pages/components/Search.svx
+++ b/docs/src/pages/components/Search.svx
@@ -26,7 +26,9 @@ The "clear" event is dispatched when clicking the "X" button or when pressing th
 
 ### Expandable variant
 
-<Search expandable on:expand on:collapse />
+Set `expandable` to `true` to use the expandable variant.
+
+<FileSource src="/framed/Search/SearchExpandableReactive" />
 
 ### Light variant
 
diff --git a/docs/src/pages/framed/Search/SearchExpandableReactive.svelte b/docs/src/pages/framed/Search/SearchExpandableReactive.svelte
new file mode 100644
index 00000000..cc18f09c
--- /dev/null
+++ b/docs/src/pages/framed/Search/SearchExpandableReactive.svelte
@@ -0,0 +1,12 @@
+<script>
+  import { Search } from "carbon-components-svelte";
+
+  let expanded = false;
+</script>
+
+<Search expandable bind:expanded on:expand on:collapse />
+
+<br />
+
+<strong>Expanded:</strong>
+{expanded}