mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 19:10:22 +01:00
42 lines
871 B
JavaScript
42 lines
871 B
JavaScript
|
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('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>
|
||
|
))
|