You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.3 KiB
32 lines
1.3 KiB
import React from 'react'
|
|
import { storiesOf } from '@storybook/react'
|
|
import { action } from '@storybook/addon-actions'
|
|
import { Modal, Page, Text } from 'components/UI'
|
|
|
|
storiesOf('Components', module).addWithChapters('Modal', {
|
|
subtitle: 'For displaying content in an overlay.',
|
|
info: `We use modals to display popup screens on top of your current position in the app. Closing the modal should
|
|
take you back to where you were before you opened it.`,
|
|
chapters: [
|
|
{
|
|
sections: [
|
|
{
|
|
sectionFn: () => (
|
|
<Page>
|
|
<Modal onClose={action('clicked')}>
|
|
<Text>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
|
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
|
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
|
officia deserunt mollit anim id est laborum.
|
|
</Text>
|
|
</Modal>
|
|
</Page>
|
|
)
|
|
}
|
|
]
|
|
}
|
|
]
|
|
})
|
|
|