Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | 1x 1x | import React from 'react'; import { Story, Meta } from '@storybook/react'; import OverlayWrapper, { IOverlayWrapperProps } from './OverlayWrapper'; import BarChart from '../BarChart/BarChart'; export default { title: 'Utility/OverlayWrapper', component: OverlayWrapper, parameters: { docs: { description: { component: OverlayWrapper.peek.description, }, }, }, } as Meta; /* Basic */ export const Basic: Story<IOverlayWrapperProps> = (args) => { return ( <OverlayWrapper {...args} isVisible> <OverlayWrapper.Message>Message Goes Here</OverlayWrapper.Message> <BarChart data={[ { x: '2015-01-01', y: 1 }, { x: '2015-01-02', y: 2 }, { x: '2015-01-03', y: 3 }, { x: '2015-01-04', y: 5 }, ]} /> </OverlayWrapper> ); }; |