globalModal.stories.js 856 B

1234567891011121314151617181920212223242526272829303132
  1. import React from 'react';
  2. import {storiesOf} from '@storybook/react';
  3. import {withInfo} from '@storybook/addon-info';
  4. import GlobalModal from 'app/components/globalModal';
  5. import Button from 'app/components/button';
  6. import {openModal} from 'app/actionCreators/modal';
  7. storiesOf('UI|Modals', module).add(
  8. 'GlobalModal',
  9. withInfo('Call `openModal` action creator to open a modal', {
  10. propTablesExclude: ['Button'],
  11. })(() => (
  12. <div>
  13. <Button
  14. onClick={() =>
  15. openModal(({closeModal, Header, Body}) => (
  16. <div>
  17. <Header>Modal Header</Header>
  18. <Body>
  19. <div>Test Modal Body</div>
  20. <Button onClick={closeModal}>Close</Button>
  21. </Body>
  22. </div>
  23. ))}
  24. >
  25. Open
  26. </Button>
  27. <GlobalModal />
  28. </div>
  29. ))
  30. );