@flexis/ui
Version:
Styleless React Components
70 lines • 4.78 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 Expand, { ExpandTitle, ExpandContent } from './';
export const stylableApi = `
Stylable API
---
- :active
- :disable
- ::title
- ::content
`;
export default storiesOf('Expand', module)
.addParameters({
info: stylableApi
})
.add('with simple content', () => (<Expand style={{
width: '12rem'
}} onToggle={action('toggle')} disabled={boolean('Disabled', false)}>
<ExpandTitle id='expandTitle'>
Click me!
</ExpandTitle>
<ExpandContent style={{
padding: '1rem',
textAlign: 'center'
}}>
Expand content.
</ExpandContent>
</Expand>))
.add('with default active', () => (<Expand style={{
width: '12rem'
}} onToggle={action('toggle')} disabled={boolean('Disabled', false)} defaultActive>
<ExpandTitle>
Click me!
</ExpandTitle>
<ExpandContent style={{
padding: '1rem',
textAlign: 'center'
}}>
Expand content.
</ExpandContent>
</Expand>))
.add('with disabled state', () => (<Expand style={{
width: '12rem'
}} onToggle={action('toggle')} disabled={boolean('Disabled', true)}>
<ExpandTitle>
Click me!
</ExpandTitle>
<ExpandContent style={{
padding: '1rem',
textAlign: 'center'
}}>
Expand content.
</ExpandContent>
</Expand>))
.add('with active state', () => (<Expand style={{
width: '12rem'
}} onToggle={action('toggle')} disabled={boolean('Disabled', false)} active={boolean('Active', true)}>
<ExpandTitle>
Click me!
</ExpandTitle>
<ExpandContent style={{
padding: '1rem',
textAlign: 'center'
}}>
Expand content.
</ExpandContent>
</Expand>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRXhwYW5kLnN0b3JpZXMuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRXhwYW5kL0V4cGFuZC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNOLE1BQU0sRUFDTixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFDTixPQUFPLEVBQ1AsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQ04sU0FBUyxFQUNULE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxNQUFNLEVBQUUsRUFDZCxXQUFXLEVBQ1gsYUFBYSxFQUNiLE1BQU0sSUFBSSxDQUFDO0FBRVosTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHOzs7Ozs7O0NBTzFCLENBQUM7QUFFRixlQUFlLFNBQVMsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO0tBQ3hDLGFBQWEsQ0FBQztJQUNkLElBQUksRUFBRSxXQUFXO0NBQ2pCLENBQUM7S0FDRCxHQUFHLENBQ0gscUJBQXFCLEVBQ3JCLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxNQUFNLENBQ04sS0FBSyxDQUFDLENBQUM7SUFDTixLQUFLLEVBQUUsT0FBTztDQUNkLENBQUMsQ0FDRixRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FDM0IsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUVyQztJQUFBLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQzVCOztJQUNELEVBQUUsV0FBVyxDQUNiO0lBQUEsQ0FBQyxhQUFhLENBQ2IsS0FBSyxDQUFDLENBQUM7SUFDTixPQUFPLEVBQUksTUFBTTtJQUNqQixTQUFTLEVBQUUsUUFBUTtDQUNuQixDQUFDLENBRUY7O0lBQ0QsRUFBRSxhQUFhLENBQ2hCO0dBQUEsRUFBRSxNQUFNLENBQUMsQ0FDVCxDQUNEO0tBQ0EsR0FBRyxDQUNILHFCQUFxQixFQUNyQixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsTUFBTSxDQUNOLEtBQUssQ0FBQyxDQUFDO0lBQ04sS0FBSyxFQUFFLE9BQU87Q0FDZCxDQUFDLENBQ0YsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQzNCLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FDckMsYUFBYSxDQUViO0lBQUEsQ0FBQyxXQUFXLENBQ1g7O0lBQ0QsRUFBRSxXQUFXLENBQ2I7SUFBQSxDQUFDLGFBQWEsQ0FDYixLQUFLLENBQUMsQ0FBQztJQUNOLE9BQU8sRUFBSSxNQUFNO0lBQ2pCLFNBQVMsRUFBRSxRQUFRO0NBQ25CLENBQUMsQ0FFRjs7SUFDRCxFQUFFLGFBQWEsQ0FDaEI7R0FBQSxFQUFFLE1BQU0sQ0FBQyxDQUNULENBQ0Q7S0FDQSxHQUFHLENBQ0gscUJBQXFCLEVBQ3JCLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxNQUFNLENBQ04sS0FBSyxDQUFDLENBQUM7SUFDTixLQUFLLEVBQUUsT0FBTztDQUNkLENBQUMsQ0FDRixRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FDM0IsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUVwQztJQUFBLENBQUMsV0FBVyxDQUNYOztJQUNELEVBQUUsV0FBVyxDQUNiO0lBQUEsQ0FBQyxhQUFhLENBQ2IsS0FBSyxDQUFDLENBQUM7SUFDTixPQUFPLEVBQUksTUFBTTtJQUNqQixTQUFTLEVBQUUsUUFBUTtDQUNuQixDQUFDLENBRUY7O0lBQ0QsRUFBRSxhQUFhLENBQ2hCO0dBQUEsRUFBRSxNQUFNLENBQUMsQ0FDVCxDQUNEO0tBQ0EsR0FBRyxDQUNILG1CQUFtQixFQUNuQixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsTUFBTSxDQUNOLEtBQUssQ0FBQyxDQUFDO0lBQ04sS0FBSyxFQUFFLE9BQU87Q0FDZCxDQUFDLENBQ0YsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQzNCLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FDckMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUVoQztJQUFBLENBQUMsV0FBVyxDQUNYOztJQUNELEVBQUUsV0FBVyxDQUNiO0lBQUEsQ0FBQyxhQUFhLENBQ2IsS0FBSyxDQUFDLENBQUM7SUFDTixPQUFPLEVBQUksTUFBTTtJQUNqQixTQUFTLEVBQUUsUUFBUTtDQUNuQixDQUFDLENBRUY7O0lBQ0QsRUFBRSxhQUFhLENBQ2hCO0dBQUEsRUFBRSxNQUFNLENBQUMsQ0FDVCxDQUNELENBQUMifQ==