feat(component): add NumberInput

Closes #21
2025-09-16 02:41:05 +00:00 · 2019-12-29 14:08:42 -08:00 · 2019-12-29 14:08:42 -08:00 · 4e578bc55d
commit 4e578bc55d
parent cd68f8f676
17 changed files with 282 additions and 20 deletions
--- a/src/components/NumberInput/NumberInput.Story.svelte
+++ b/src/components/NumberInput/NumberInput.Story.svelte
@ -0,0 +1,23 @@
+<script>
+  export let story = undefined;
+
+  import Layout from '../../internal/ui/Layout.svelte';
+  import NumberInput from './NumberInput.svelte';
+  import NumberInputSkeleton from './NumberInput.Skeleton.svelte';
+
+  let value = $$props.value;
+</script>
+
+<Layout>
+  {#if story === 'skeleton'}
+    <NumberInputSkeleton {...$$props} />
+  {:else}
+    <NumberInput
+      {...$$props}
+      id="slider"
+      bind:value
+      on:change={({ detail }) => {
+        console.log('on:change', detail);
+      }} />
+  {/if}
+</Layout>