Nuxt/examples/storybook/stories/MyButton.story.js

15 lines
477 B
JavaScript
Raw Normal View History

2018-02-06 02:36:22 +00:00
2018-02-06 03:06:45 +00:00
import { storiesOf } from '@storybook/vue'
import MyButton from '~/components/Button.vue'
import Centered from '@storybook/addon-centered'
2018-02-06 02:36:22 +00:00
2018-02-06 03:06:45 +00:00
storiesOf('Button', module)
.addDecorator(Centered)
.add('rounded button', () => ({
2018-02-06 02:36:22 +00:00
template: '<my-button :rounded="true"> 👍 A Button with rounded edges</my-button>'
}))
2018-02-06 03:06:45 +00:00
.add('normal button', () => ({
2018-02-06 02:36:22 +00:00
components: { MyButton },
template: '<my-button :rounded="false">A Button with square edges</my-button>'
2018-02-06 03:06:45 +00:00
}))