feat: add Storybook component explorer
This commit is contained in:
parent
f1dc95b51c
commit
d95f064189
47 changed files with 1730 additions and 8 deletions
18
src/lib/ui/stories/StatusBadge.stories.svelte
Normal file
18
src/lib/ui/stories/StatusBadge.stories.svelte
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<script module lang="ts">
|
||||
import { defineMeta } from "@storybook/addon-svelte-csf";
|
||||
import StatusBadge from "../components/StatusBadge.svelte";
|
||||
|
||||
const { Story } = defineMeta({
|
||||
title: "Base UI/StatusBadge",
|
||||
component: StatusBadge,
|
||||
tags: ["autodocs"],
|
||||
});
|
||||
</script>
|
||||
|
||||
<Story name="Neutral" args={{ label: "Neutral" }} />
|
||||
<Story name="Ok" args={{ label: "Operational", severity: "ok" }} />
|
||||
<Story name="Warning" args={{ label: "Warning", severity: "warning" }} />
|
||||
<Story name="Danger" args={{ label: "Danger", severity: "danger" }} />
|
||||
<Story name="Stale" args={{ label: "Stale", severity: "stale" }} />
|
||||
<Story name="Unavailable" args={{ label: "Unavailable", severity: "unavailable" }} />
|
||||
<Story name="Long Label" args={{ label: "Long Generic Badge Label", severity: "neutral" }} />
|
||||
Loading…
Add table
Add a link
Reference in a new issue