diff --git a/src/docs/data/showMore.ts b/src/docs/data/showMore.ts
index 712a837..7a773ab 100644
--- a/src/docs/data/showMore.ts
+++ b/src/docs/data/showMore.ts
@@ -4,5 +4,5 @@ import { ShowMore } from 'kampsy-ui';
 let isActive = $state(false);
 
 <div class="w-full">
-    <ShowMore {isActive} />
+    <ShowMore bind:isActive />
 </div>`;
\ No newline at end of file
diff --git a/src/routes/show-more/+page.svelte b/src/routes/show-more/+page.svelte
index 72936ba..03c76d8 100644
--- a/src/routes/show-more/+page.svelte
+++ b/src/routes/show-more/+page.svelte
@@ -9,8 +9,9 @@
 	import { ShowMore } from '$lib/index.js';
 	import { showMoreDefault } from '../../docs/data/showMore.js';
 
-    let isActive = $state(false);
+	let isActive = $state(false);
 
+	$inspect(isActive);
 </script>
 
 <svelte:head>
@@ -55,8 +56,8 @@
 		<div class="mt-4 xl:mt-7">
 			{#snippet demo()}
 				<div class="w-full">
-                    <ShowMore {isActive} />
-                </div>
+					<ShowMore bind:isActive />
+				</div>
 			{/snippet}
 			{@render demoAndCode(demo, showMoreDefault)}
 		</div>