vince/dimensionlab-website
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

feat: add Storybook component explorer

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

17
src/lib/ui/stories/IconButton.stories.svelte Normal file
View file

@ -0,0 +1,17 @@
<script module lang="ts">
import { defineMeta } from "@storybook/addon-svelte-csf";
import IconButton from "../components/IconButton.svelte";
const { Story } = defineMeta({
title: "Base UI/IconButton",
component: IconButton,
tags: ["autodocs"],
});
</script>
<Story name="Refresh" args={{ icon: "mdi:refresh", label: "Refresh" }} />
<Story name="Open" args={{ icon: "mdi:open-in-new", label: "Open" }} />
<Story name="Inspect" args={{ icon: "mdi:magnify-scan", label: "Inspect" }} />
<Story name="Disabled" args={{ icon: "mdi:refresh", label: "Disabled", disabled: true }} />
<Story name="Active" args={{ icon: "mdi:refresh", label: "Active", active: true }} />
<Story name="Focus Visible" args={{ icon: "mdi:keyboard", label: "Focus visible", active: true }} />