@navinc/base-react-components
Version:
Nav's Pattern Library
35 lines • 1.38 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { storiesOf } from '@storybook/react';
import { text, select } from '@storybook/addon-knobs';
import FlexContainer from './';
import readme from './readme.md';
storiesOf('__ | Deprecated', module).add('FlexContainer', () => (_jsx(FlexContainer, Object.assign({ flex: text('flex', ''), flexFlow: select('flexFlow', {
'row wrap': 'row wrap',
'row nowrap': 'row nowrap',
'column nowrap': 'column nowrap',
'': '',
}, ''), alignContent: select('alignContent', {
center: 'center',
'flex-start': 'flex-start',
'flex-end': 'flex-end',
'space-between': 'space-between',
'space-around': 'space-around',
stretch: 'stretch',
'': '',
}, ''), alignItems: select('alignItems', {
center: 'center',
'flex-start': 'flex-start',
'flex-end': 'flex-end',
stretch: 'stretch',
'': '',
}, ''), justifyContent: select('justifyContent', {
center: 'center',
'flex-start': 'flex-start',
'flex-end': 'flex-end',
'space-between': 'space-between',
'space-around': 'space-around',
'': '',
}, '') }, { children: _jsx("h1", { children: "I am inside a flex container now." }, void 0) }), void 0)), {
info: { text: readme },
});
//# sourceMappingURL=story.js.map