| 1 | import * as React from 'react';
|
| 2 | import styled from 'styled-components';
|
| 3 | import { storiesOf } from '@storybook/react';
|
| 4 | import { Select } from '../src';
|
| 5 |
|
| 6 | const InputWrapper = styled.div`margin: 100px 50px;`;
|
| 7 |
|
| 8 | storiesOf('Select', module)
|
| 9 | .add('select default', () => (
|
| 10 | <InputWrapper>
|
| 11 | <Select
|
| 12 | options={[
|
| 13 | { id: 0, label: 'Flamengo', value: 'FLA' },
|
| 14 | { id: 1, label: 'Vasco', value: 'VAS' },
|
| 15 | { id: 2, label: 'Fluminense', value: 'FLU' },
|
| 16 | { id: 3, label: 'Botafogo', value: 'BOT' },
|
| 17 | { id: 4, label: 'Corinthias', value: 'COR' },
|
| 18 | { id: 5, label: 'São Paulo', value: 'SAO' },
|
| 19 | ]}
|
| 20 | onChange={console.log}
|
| 21 | label='Selecione uma label'
|
| 22 | />
|
| 23 | </InputWrapper>
|
| 24 | )); |
| \ | No newline at end of file |