mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 05:21:06 +08:00
b91c819202
Why: * We want a new knob that uses a select box for predefined values. This change addresses the need by: * Update `.gitignore`. * Add new `SelectType`. * Update example story. * `npm run prepublish`
31 lines
793 B
JavaScript
31 lines
793 B
JavaScript
import React from 'react';
|
|
import { storiesOf } from '@kadira/storybook';
|
|
import { action } from '@kadira/storybook-addon-actions';
|
|
import {
|
|
withKnobs,
|
|
number,
|
|
object,
|
|
boolean,
|
|
text,
|
|
select,
|
|
} from '../../src';
|
|
|
|
import Button from './Button';
|
|
|
|
storiesOf('Button', module)
|
|
.addDecorator(withKnobs)
|
|
.add('default view', () => (
|
|
<Button
|
|
onClick={ action('button clicked') }
|
|
disabled={ boolean('Disabled', false) }
|
|
color={ select('Height', { red: 'Red', blue: 'Blue', yellow: 'Yellow' }, 'red') }
|
|
width={ number('Width', 100) }
|
|
style={ object('Style', { backgroundColor: '#FFF' }) }
|
|
>
|
|
{ text('Label', 'Hello Man23') } World
|
|
</Button>
|
|
))
|
|
.add('Story without any knobs', () => (
|
|
<Button>{text('Label', 'Hello')}</Button>
|
|
));
|