mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
chore: add story for LabeledButton
This commit is contained in:
parent
70bf870e4a
commit
863656f718
@ -0,0 +1,35 @@
|
||||
import { storiesOf } from '@storybook/vue'
|
||||
import helpers from '~/storybook/helpers'
|
||||
import LabeledButton from './LabeledButton.vue'
|
||||
|
||||
storiesOf('Generic/LabeledButton', module)
|
||||
.addDecorator(helpers.layout)
|
||||
.add('default', () => ({
|
||||
components: { LabeledButton },
|
||||
data: () => ({
|
||||
filled: false,
|
||||
}),
|
||||
template: `
|
||||
<labeled-button
|
||||
icon="check"
|
||||
:filled="filled"
|
||||
label="All"
|
||||
@click="filled = !filled"
|
||||
/>
|
||||
`,
|
||||
}))
|
||||
|
||||
.add('filled', () => ({
|
||||
components: { LabeledButton },
|
||||
data: () => ({
|
||||
filled: true,
|
||||
}),
|
||||
template: `
|
||||
<labeled-button
|
||||
icon="check"
|
||||
:filled="filled"
|
||||
label="All"
|
||||
@click="filled = !filled"
|
||||
/>
|
||||
`,
|
||||
}))
|
||||
Loading…
x
Reference in New Issue
Block a user