@flexis/ui
Version:
Styleless React Components
34 lines • 2.54 kB
JavaScript
import React from 'react';
import { action } from '@storybook/addon-actions';
import { boolean } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import Button from '../Button';
import FileSelect from './';
export const stylableApi = `
Stylable API
---
- ::input
`;
export const events = {
onChange: action('change')
};
export default storiesOf('FileSelect', module)
.addParameters({
info: stylableApi
})
.add('with button', () => (<FileSelect {...events} disabled={boolean('Disabled', false)}>
<Button>
Select file
</Button>
</FileSelect>))
.add('with span', () => (<FileSelect {...events}>
<span tabIndex={0}>
Select file
</span>
</FileSelect>))
.add('with disabled state', () => (<FileSelect {...events} disabled={boolean('Disabled', true)}>
<Button>
Select file
</Button>
</FileSelect>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZVNlbGVjdC5zdG9yaWVzLmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbGVTZWxlY3QvRmlsZVNlbGVjdC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNOLE1BQU0sRUFDTixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFDTixPQUFPLEVBQ1AsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQ04sU0FBUyxFQUNULE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxNQUFNLE1BQU0sV0FBVyxDQUFDO0FBQy9CLE9BQU8sVUFBVSxNQUFNLElBQUksQ0FBQztBQUU1QixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7Ozs7Q0FJMUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRztJQUNyQixRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQztDQUMxQixDQUFDO0FBRUYsZUFBZSxTQUFTLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQztLQUM1QyxhQUFhLENBQUM7SUFDZCxJQUFJLEVBQUUsV0FBVztDQUNqQixDQUFDO0tBQ0QsR0FBRyxDQUNILGFBQWEsRUFDYixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsVUFBVSxDQUNWLElBQUksTUFBTSxDQUFDLENBQ1gsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUVyQztJQUFBLENBQUMsTUFBTSxDQUNOOztJQUNELEVBQUUsTUFBTSxDQUNUO0dBQUEsRUFBRSxVQUFVLENBQUMsQ0FDYixDQUNEO0tBQ0EsR0FBRyxDQUNILFdBQVcsRUFDWCxHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsVUFBVSxDQUNWLElBQUksTUFBTSxDQUFDLENBRVg7SUFBQSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDakI7O0lBQ0QsRUFBRSxJQUFJLENBQ1A7R0FBQSxFQUFFLFVBQVUsQ0FBQyxDQUNiLENBQ0Q7S0FDQSxHQUFHLENBQ0gscUJBQXFCLEVBQ3JCLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxVQUFVLENBQ1YsSUFBSSxNQUFNLENBQUMsQ0FDWCxRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDLENBRXBDO0lBQUEsQ0FBQyxNQUFNLENBQ047O0lBQ0QsRUFBRSxNQUFNLENBQ1Q7R0FBQSxFQUFFLFVBQVUsQ0FBQyxDQUNiLENBQ0QsQ0FBQyJ9