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