You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.2 KiB
58 lines
1.2 KiB
import React from 'react'
|
|
import { storiesOf } from '@storybook/react'
|
|
import { action } from '@storybook/addon-actions'
|
|
import Button from './'
|
|
import { text } from '@storybook/addon-knobs/react'
|
|
|
|
storiesOf('Button', module)
|
|
.add('primary', () =>
|
|
<Button
|
|
onClick={action('clicked')}
|
|
type="primary"
|
|
>
|
|
{text('text', 'Click me')}
|
|
</Button>
|
|
)
|
|
.add('secondary', () =>
|
|
<Button
|
|
onClick={action('clicked')}
|
|
type="secondary"
|
|
>
|
|
{text('text', 'Click me')}
|
|
</Button>
|
|
)
|
|
.add('default', () => (
|
|
<Button
|
|
onClick={action('clicked')}
|
|
type="default"
|
|
>
|
|
{text('text', 'Click me')}
|
|
</Button>
|
|
))
|
|
.add('large primary', () => (
|
|
<Button
|
|
onClick={action('clicked')}
|
|
type="primary"
|
|
large
|
|
>
|
|
{text('text', 'Click me')}
|
|
</Button>
|
|
))
|
|
.add('large secondary', () => (
|
|
<Button
|
|
onClick={action('clicked')}
|
|
type="secondary"
|
|
large
|
|
>
|
|
{text('text', 'Click me')}
|
|
</Button>
|
|
))
|
|
.add('large default', () => (
|
|
<Button
|
|
onClick={action('clicked')}
|
|
type="default"
|
|
large
|
|
>
|
|
{text('text', 'Click me')}
|
|
</Button>
|
|
))
|
|
|