31 lines
883 B
Svelte
31 lines
883 B
Svelte
<script module>
|
|
import { defineMeta } from '@storybook/addon-svelte-csf'
|
|
import Button from './Button.svelte'
|
|
import { fn } from 'storybook/test'
|
|
|
|
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
|
|
const { Story } = defineMeta({
|
|
title: 'Example/Button',
|
|
component: Button,
|
|
tags: ['autodocs'],
|
|
argTypes: {
|
|
backgroundColor: { control: 'color' },
|
|
size: {
|
|
control: { type: 'select' },
|
|
options: ['small', 'medium', 'large']
|
|
}
|
|
},
|
|
args: {
|
|
onclick: fn()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!-- More on writing stories with args: https://storybook.js.org/docs/writing-stories/args -->
|
|
<Story name="Primary" args={{ primary: true, label: 'Button' }} />
|
|
|
|
<Story name="Secondary" args={{ label: 'Button' }} />
|
|
|
|
<Story name="Large" args={{ size: 'large', label: 'Button' }} />
|
|
|
|
<Story name="Small" args={{ size: 'small', label: 'Button' }} />
|