mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 02:21:07 +08:00
29 lines
731 B
JavaScript
29 lines
731 B
JavaScript
import React from 'react';
|
|
import { storiesOf } from '@kadira/storybook';
|
|
import { action } from '@kadira/storybook-addon-actions';
|
|
import {
|
|
withKnobs,
|
|
number,
|
|
object,
|
|
boolean,
|
|
text,
|
|
} from '../../src';
|
|
|
|
import Button from './Button';
|
|
|
|
storiesOf('Button', module)
|
|
.addDecorator((story, context) => (withKnobs(story)(context)))
|
|
.add('default view', () => (
|
|
<Button
|
|
onClick={ action('button clicked') }
|
|
disabled={ boolean('Disabled', false) }
|
|
width={ number('Width', 100) }
|
|
style={ object('Style', { backgroundColor: '#FFF' }) }
|
|
>
|
|
{ text('Label', 'Hello Man') } World
|
|
</Button>
|
|
))
|
|
.add('Story without any knobs', () => (
|
|
<Button>{text('Label', 'Hello')}</Button>
|
|
));
|