Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
12345678910111213141516171819202122232425262728293031323334353637<script module lang="ts"> import { defineMeta } from "@storybook/addon-svelte-csf"; import Checkbox from "$lib/components/ui/Checkbox.svelte";
const { Story } = defineMeta({ title: "UI/Checkbox", component: Checkbox, tags: ["autodocs"], argTypes: { checked: { control: "boolean" }, indeterminate: { control: "boolean" }, disabled: { control: "boolean" } }, args: { checked: false, indeterminate: false, disabled: false } });</script>
<Story name="Default">Item</Story><Story name="Checked" args={{ checked: true }}>Item</Story><Story name="Indeterminate" args={{ indeterminate: true }}>Item</Story><Story name="Disabled" args={{ disabled: true }}>Item</Story><Story name="Disabled checked" args={{ disabled: true, checked: true }}>Item</Story>
<Story name="States"> <div class="flex flex-col gap-sm"> <Checkbox>Unchecked</Checkbox> <Checkbox checked>Checked</Checkbox> <Checkbox indeterminate>Indeterminate</Checkbox> <Checkbox disabled>Disabled</Checkbox> <Checkbox disabled checked>Disabled checked</Checkbox> </div></Story>