diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-12-09 03:57:12 +0100 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-12-09 03:57:12 +0100 |
| commit | 4dbef3fcd7a14437d55c555cf10d50de8e50d7d1 (patch) | |
| tree | 632589ecfcfb4dfddeafb71d0077257584b5e7ec /code/app/src/routes/book/inputs/+page.svelte | |
| parent | 914c75e0ceeb3e11ddd55e94bb461c26b0db5b7a (diff) | |
| download | greatoffice-4dbef3fcd7a14437d55c555cf10d50de8e50d7d1.tar.xz greatoffice-4dbef3fcd7a14437d55c555cf10d50de8e50d7d1.zip | |
feat: Move everything out of $lib
Diffstat (limited to 'code/app/src/routes/book/inputs/+page.svelte')
| -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> |
