diff options
Diffstat (limited to 'code/app/src/routes/book/inputs')
| -rw-r--r-- | code/app/src/routes/book/inputs/+page.svelte | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/code/app/src/routes/book/inputs/+page.svelte b/code/app/src/routes/book/inputs/+page.svelte index 7ca0d31..d5566ed 100644 --- a/code/app/src/routes/book/inputs/+page.svelte +++ b/code/app/src/routes/book/inputs/+page.svelte @@ -1,7 +1,6 @@ <script lang="ts"> - import { TextArea, Input, Combobox } from "$lib/components"; - import { DatabaseIcon } from "$lib/components/icons"; - import LL from "$lib/i18n/i18n-svelte"; + import {TextArea, Input, Combobox} from "$components"; + import {DatabaseIcon} from "$components/icons"; let value; let i = 0; @@ -16,7 +15,7 @@ i++; } - async function add({ name }) { + async function add({name}) { const copy = options; copy.push({ id: crypto.randomUUID(), @@ -28,48 +27,49 @@ <section> <h2>Combobox</h2> - <Combobox {options} label="Wiii" multiple createable on_create_async={add} /> + <Combobox {options} label="Wiii" multiple createable on_create_async={add}/> </section> <section> <h2>Default</h2> - <Input label="Input me" placeholder="Hello" bind:value /> + <Input label="Input me" placeholder="Hello" bind:value/> </section> <section> <h2>With icon</h2> - <Input label="Input me" placeholder="Hello" icon={DatabaseIcon} bind:value /> + <Input label="Input me" placeholder="Hello" icon={DatabaseIcon} bind:value/> </section> <section> <h2>With corner hint</h2> - <Input label="Input me ->" placeholder="Hello" cornerHint="Hint hint" bind:value /> + <Input label="Input me ->" placeholder="Hello" cornerHint="Hint hint" bind:value/> </section> <section> <h2>Disabled</h2> - <Input label="No" placeholder="Sorry" disabled bind:value /> + <Input label="No" placeholder="Sorry" disabled bind:value/> </section> <section> <h2>Errored</h2> - <Input label="No" placeholder="Sorry" errorText="That's not right" bind:value icon={DatabaseIcon} /> + <Input label="No" placeholder="Sorry" errorText="That's not right" bind:value icon={DatabaseIcon}/> </section> <section> <h2>Many errors</h2> - <Input label="No" placeholder="Sorry" errors={["That's not right", "Call help!", "Get it together"]} bind:value icon={DatabaseIcon} /> + <Input label="No" placeholder="Sorry" errors={["That's not right", "Call help!", "Get it together"]} bind:value + icon={DatabaseIcon}/> </section> <section> <h2>Help</h2> - <Input label="Go ahead" placeholder="Write here" helpText="Write above" bind:value /> + <Input label="Go ahead" placeholder="Write here" helpText="Write above" bind:value/> </section> <section> <h2>Addon</h2> - <Input label="Go ahead" placeholder="Write here" bind:value helpText="Write above" addon="To the right" /> + <Input label="Go ahead" placeholder="Write here" bind:value helpText="Write above" addon="To the right"/> </section> <section> <h2>Textarea</h2> - <TextArea bind:value errorText="oh no" label="Hi" /> + <TextArea bind:value errorText="oh no" label="Hi"/> </section> |