@flexis/ui
Version:
Styleless React Components
26 lines • 3.89 kB
JavaScript
/* tslint:disable no-magic-numbers */
import React from 'react';
import { action } from '@storybook/addon-actions';
import { text, boolean } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import Input from './';
export const stylableApi = `
Stylable API
---
_empty_
`;
export const events = {
onChange: action('change'),
onFocus: action('focus'),
onBlur: action('blur')
};
export default storiesOf('Input', module)
.addParameters({
info: stylableApi
})
.add('with default state', () => (<Input {...events} placeholder={text('Placeholder', '')} disabled={boolean('Disabled', false)}/>))
.add('with default value', () => (<Input {...events} placeholder={text('Placeholder', '')} disabled={boolean('Disabled', false)} defaultValue='Default value'/>))
.add('with value', () => (<Input {...events} placeholder={text('Placeholder', '')} disabled={boolean('Disabled', false)} value={text('Value', 'Value')}/>))
.add('with type number', () => (<Input {...events} type='number' placeholder={text('Placeholder', '')} disabled={boolean('Disabled', false)} defaultValue={4}/>))
.add('with mask', () => (<Input {...events} placeholder={text('Placeholder', '')} mask={text('Mask', '+7 (999) 999-99-99')} disabled={boolean('Disabled', false)} defaultValue='+7 (913) 421-04-04'/>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuc3Rvcmllcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9JbnB1dC9JbnB1dC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQ0FBcUM7QUFDckMsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTixNQUFNLEVBQ04sTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxNQUFNLDhCQUE4QixDQUFDO0FBQ3RDLE9BQU8sRUFDTixTQUFTLEVBQ1QsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEtBQUssTUFBTSxJQUFJLENBQUM7QUFFdkIsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHOzs7O0NBSTFCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUc7SUFDckIsUUFBUSxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUM7SUFDMUIsT0FBTyxFQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUM7SUFDekIsTUFBTSxFQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUM7Q0FDeEIsQ0FBQztBQUVGLGVBQWUsU0FBUyxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUM7S0FDdkMsYUFBYSxDQUFDO0lBQ2QsSUFBSSxFQUFFLFdBQVc7Q0FDakIsQ0FBQztLQUNELEdBQUcsQ0FDSCxvQkFBb0IsRUFDcEIsR0FBRyxFQUFFLENBQUMsQ0FDTCxDQUFDLEtBQUssQ0FDTCxJQUFJLE1BQU0sQ0FBQyxDQUNYLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FDckMsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxFQUNwQyxDQUNGLENBQ0Q7S0FDQSxHQUFHLENBQ0gsb0JBQW9CLEVBQ3BCLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxLQUFLLENBQ0wsSUFBSSxNQUFNLENBQUMsQ0FDWCxXQUFXLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQ3JDLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FDckMsWUFBWSxDQUFDLGVBQWUsRUFDM0IsQ0FDRixDQUNEO0tBQ0EsR0FBRyxDQUNILFlBQVksRUFDWixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsS0FBSyxDQUNMLElBQUksTUFBTSxDQUFDLENBQ1gsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUNyQyxRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQ3JDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsRUFDN0IsQ0FDRixDQUNEO0tBQ0EsR0FBRyxDQUNILGtCQUFrQixFQUNsQixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsS0FBSyxDQUNMLElBQUksTUFBTSxDQUFDLENBQ1gsSUFBSSxDQUFDLFFBQVEsQ0FDYixXQUFXLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQ3JDLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FDckMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQ2YsQ0FDRixDQUNEO0tBQ0EsR0FBRyxDQUNILFdBQVcsRUFDWCxHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsS0FBSyxDQUNMLElBQUksTUFBTSxDQUFDLENBQ1gsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUNyQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLG9CQUFvQixDQUFDLENBQUMsQ0FDekMsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUNyQyxZQUFZLENBQUMsb0JBQW9CLEVBQ2hDLENBQ0YsQ0FDRCxDQUFDIn0=