meriadec
7 years ago
No known key found for this signature in database
GPG Key ID: 1D2FC2305E2CB399
1 changed files with
12 additions and
7 deletions
-
src/components/base/Modal/stories.js
|
|
|
@ -1,10 +1,12 @@ |
|
|
|
// @flow
|
|
|
|
|
|
|
|
import React, { Fragment } from 'react' |
|
|
|
import React from 'react' |
|
|
|
import { storiesOf } from '@storybook/react' |
|
|
|
import { boolean } from '@storybook/addon-knobs' |
|
|
|
|
|
|
|
import { Modal, ModalBody } from 'components/base/Modal' |
|
|
|
import { Modal, ModalBody, ModalTitle, ModalContent, ModalFooter } from 'components/base/Modal' |
|
|
|
import Box from 'components/base/Box' |
|
|
|
import Button from 'components/base/Button' |
|
|
|
|
|
|
|
const stories = storiesOf('Components', module) |
|
|
|
|
|
|
|
@ -14,11 +16,14 @@ stories.add('Modal', () => { |
|
|
|
<Modal |
|
|
|
isOpened={isOpened} |
|
|
|
render={({ onClose }) => ( |
|
|
|
<Fragment> |
|
|
|
<ModalBody>Hey!</ModalBody> |
|
|
|
<ModalBody onClose={onClose}>Hoy!</ModalBody> |
|
|
|
<ModalBody>Hu!</ModalBody> |
|
|
|
</Fragment> |
|
|
|
<ModalBody onClose={onClose}> |
|
|
|
<ModalTitle>{'modal title'}</ModalTitle> |
|
|
|
<ModalContent>{'this is the modal content'}</ModalContent> |
|
|
|
<ModalFooter horizontal align="center"> |
|
|
|
<Box grow>{'modal footer'}</Box> |
|
|
|
<Button primary>{'Next'}</Button> |
|
|
|
</ModalFooter> |
|
|
|
</ModalBody> |
|
|
|
)} |
|
|
|
/> |
|
|
|
) |
|
|
|
|
