fix: address Storybook review findings

This commit is contained in:
vince 2026-06-18 19:01:53 +02:00
parent d95f064189
commit 17c9d24e31
8 changed files with 121 additions and 20 deletions

View file

@ -1,6 +1,7 @@
<script module lang="ts">
import { defineMeta } from "@storybook/addon-svelte-csf";
import IconButton from "../components/IconButton.svelte";
import FocusPreview from "./FocusPreview.svelte";
const { Story } = defineMeta({
title: "Base UI/IconButton",
@ -14,4 +15,8 @@
<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 }} />
<Story name="Focus Visible" asChild>
<FocusPreview>
<IconButton icon="mdi:keyboard" label="Focus visible" />
</FocusPreview>
</Story>