feat: 🎨 update docs, bind active prop

kampsy · Jan 23, 2025 · a145632 · a145632
1 parent 990ea97
commit a145632
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git 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>`;
diff --git 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>