pantheon/hestia
2
0
Fork 0
Code Issues 23 Pull requests Projects Releases Packages Wiki Activity Actions

fix story

Browse source
This commit is contained in:
Benjamin Palko 2024-12-31 11:55:40 -05:00
parent 5287eb794a
commit f88b960bbe
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/lib/components/Actions/Button.stories.svelte
View file

@ -1,7 +1,8 @@
<script module lang="ts">
import { defineMeta } from '@storybook/addon-svelte-csf';
import Button from './Button.svelte';
import { fn } from '@storybook/test';
import type { ComponentProps } from 'svelte';
import Button from './Button.svelte';
const { Story } = defineMeta({
title: 'Actions/Button',
@ -10,6 +11,7 @@
onClick: fn(),
},
argTypes: {
block: { control: 'boolean' },
color: {
control: 'select',
options: [
@ -25,9 +27,12 @@
'error',
],
},
full: { control: 'boolean' },
glass: { control: 'boolean' },
outline: {
control: 'boolean',
},
responsive: { control: 'boolean' },
size: {
control: 'select',
options: ['Default', 'xs', 'sm', 'lg'],
@ -37,8 +42,13 @@
control: 'select',
options: ['button', 'reset', 'submit'],
},
wide: { control: 'boolean' },
},
});
</script>
<Story name="Default" args={{ label: 'Button', color: 'primary' }} />
{#snippet template({ children: _, ...props }: Partial<ComponentProps<typeof Button>>)}
<Button {...props}>Button</Button>
{/snippet}
<Story name="Default" args={{}} children={template} />