@flexis/ui
Version:
Styleless React Components
33 lines • 2.36 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 FileDrop from './';
export const stylableApi = `
Stylable API
---
- :disabled
- :dragOver
`;
export const events = {
onChange: action('change')
};
export default storiesOf('FileDrop', module)
.addParameters({
info: stylableApi
})
.add('with content', () => (<FileDrop {...events} style={{
border: '1px dashed black',
width: '40rem',
height: '40rem'
}} disabled={boolean('Disabled', false)}>
Drop files here
</FileDrop>))
.add('with disabled state', () => (<FileDrop {...events} style={{
border: '1px dashed black',
width: '40rem',
height: '40rem'
}} disabled={boolean('Disabled', true)}>
Drop files here
</FileDrop>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZURyb3Auc3Rvcmllcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWxlRHJvcC9GaWxlRHJvcC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNOLE1BQU0sRUFDTixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFDTixPQUFPLEVBQ1AsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQ04sU0FBUyxFQUNULE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxRQUFRLE1BQU0sSUFBSSxDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRzs7Ozs7Q0FLMUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRztJQUNyQixRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQztDQUMxQixDQUFDO0FBRUYsZUFBZSxTQUFTLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQztLQUMxQyxhQUFhLENBQUM7SUFDZCxJQUFJLEVBQUUsV0FBVztDQUNqQixDQUFDO0tBQ0QsR0FBRyxDQUNILGNBQWMsRUFDZCxHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsUUFBUSxDQUNSLElBQUksTUFBTSxDQUFDLENBQ1gsS0FBSyxDQUFDLENBQUM7SUFDTixNQUFNLEVBQUUsa0JBQWtCO0lBQzFCLEtBQUssRUFBRyxPQUFPO0lBQ2YsTUFBTSxFQUFFLE9BQU87Q0FDZixDQUFDLENBQ0YsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUVyQzs7R0FDRCxFQUFFLFFBQVEsQ0FBQyxDQUNYLENBQ0Q7S0FDQSxHQUFHLENBQ0gscUJBQXFCLEVBQ3JCLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxRQUFRLENBQ1IsSUFBSSxNQUFNLENBQUMsQ0FDWCxLQUFLLENBQUMsQ0FBQztJQUNOLE1BQU0sRUFBRSxrQkFBa0I7SUFDMUIsS0FBSyxFQUFHLE9BQU87SUFDZixNQUFNLEVBQUUsT0FBTztDQUNmLENBQUMsQ0FDRixRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDLENBRXBDOztHQUNELEVBQUUsUUFBUSxDQUFDLENBQ1gsQ0FDRCxDQUFDIn0=