fix: address Storybook review findings
This commit is contained in:
parent
d95f064189
commit
17c9d24e31
8 changed files with 121 additions and 20 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue