bnnvara-form
Version:
All form components for BNNVARA
37 lines (35 loc) • 890 B
JavaScript
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withKnobs, text } from '@storybook/addon-knobs';
import styles from '@sambego/storybook-styles';
import { Input, TextArea, Select } from '.';
storiesOf('Forms', module)
.addDecorator(withKnobs)
.addDecorator(styles({
background: '#f1f1f1',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
height: 'calc(100vh - 16px)',
}))
.add('Input', () => (
<Input
placeholder={text('Text', 'placeholder')}
/>
))
.add('Textarea', () => (
<TextArea />
))
.add('Select', () => (
<Select>
<option value="option1">
{text('Text', 'opties')}
</option>
<option value="option2">
{text('Text', 'opties')}
</option>
<option value="option3">
{text('Text', 'opties')}
</option>
</Select>
));