@flexis/ui
Version:
Styleless React Components
25 lines • 3.26 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 Checkbox from './';
export const stylableApi = `
Stylable API
---
_empty_
`;
export const events = {
onChange: action('change'),
onFocus: action('focus'),
onBlur: action('blur')
};
export default storiesOf('Checkbox', module)
.addParameters({
info: stylableApi
})
.add('with default state', () => (<Checkbox {...events} name='checkbox' disabled={boolean('Disabled', false)}/>))
.add('with default checked', () => (<Checkbox {...events} disabled={boolean('Disabled', false)} defaultChecked/>))
.add('with unchecked state', () => (<Checkbox {...events} disabled={boolean('Disabled', false)} checked={boolean('Checked', false)}/>))
.add('with checked state', () => (<Checkbox {...events} disabled={boolean('Disabled', false)} checked={boolean('Checked', true)}/>))
.add('with value', () => (<Checkbox {...events} name='checkbox' value={Math.PI} disabled={boolean('Disabled', false)}/>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guc3Rvcmllcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNOLE1BQU0sRUFDTixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFDTixPQUFPLEVBQ1AsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQ04sU0FBUyxFQUNULE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxRQUFRLE1BQU0sSUFBSSxDQUFDO0FBRTFCLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRzs7OztDQUkxQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHO0lBQ3JCLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUSxDQUFDO0lBQzFCLE9BQU8sRUFBRyxNQUFNLENBQUMsT0FBTyxDQUFDO0lBQ3pCLE1BQU0sRUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDO0NBQ3hCLENBQUM7QUFFRixlQUFlLFNBQVMsQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDO0tBQzFDLGFBQWEsQ0FBQztJQUNkLElBQUksRUFBRSxXQUFXO0NBQ2pCLENBQUM7S0FDRCxHQUFHLENBQ0gsb0JBQW9CLEVBQ3BCLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxRQUFRLENBQ1IsSUFBSSxNQUFNLENBQUMsQ0FDWCxJQUFJLENBQUMsVUFBVSxDQUNmLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsRUFDcEMsQ0FDRixDQUNEO0tBQ0EsR0FBRyxDQUNILHNCQUFzQixFQUN0QixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsUUFBUSxDQUNSLElBQUksTUFBTSxDQUFDLENBQ1gsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUNyQyxjQUFjLEVBQ2IsQ0FDRixDQUNEO0tBQ0EsR0FBRyxDQUNILHNCQUFzQixFQUN0QixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsUUFBUSxDQUNSLElBQUksTUFBTSxDQUFDLENBQ1gsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUNyQyxPQUFPLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQ2xDLENBQ0YsQ0FDRDtLQUNBLEdBQUcsQ0FDSCxvQkFBb0IsRUFDcEIsR0FBRyxFQUFFLENBQUMsQ0FDTCxDQUFDLFFBQVEsQ0FDUixJQUFJLE1BQU0sQ0FBQyxDQUNYLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FDckMsT0FBTyxDQUFDLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxFQUNqQyxDQUNGLENBQ0Q7S0FDQSxHQUFHLENBQ0gsWUFBWSxFQUNaLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxRQUFRLENBQ1IsSUFBSSxNQUFNLENBQUMsQ0FDWCxJQUFJLENBQUMsVUFBVSxDQUNmLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FDZixRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLEVBQ3BDLENBQ0YsQ0FDRCxDQUFDIn0=