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
|
|
|
}))
|