feat: add Storybook component explorer

This commit is contained in:
vince 2026-06-18 18:53:48 +02:00
parent f1dc95b51c
commit d95f064189
47 changed files with 1730 additions and 8 deletions

View 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" }} />