diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-10-31 16:00:45 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:15:27 +0100 |
| commit | 3ff4c37a7a2c40340c17f9e6c1754444bce0f839 (patch) | |
| tree | 551ca3df148d46af2bd27995fa98c01378030644 /src/components/atoms/modal/modal.stories.tsx | |
| parent | 0e52a59917406ad03c174e030c6c1c92ab23449d (diff) | |
refactor(components): rewrite Modal component
* add an optional close button
* add an icon prop
Diffstat (limited to 'src/components/atoms/modal/modal.stories.tsx')
| -rw-r--r-- | src/components/atoms/modal/modal.stories.tsx | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/src/components/atoms/modal/modal.stories.tsx b/src/components/atoms/modal/modal.stories.tsx deleted file mode 100644 index 0490a8f..0000000 --- a/src/components/atoms/modal/modal.stories.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { Heading } from '../heading'; -import { Modal } from './modal'; - -/** - * Switch - Storybook Meta - */ -export default { - title: 'Atoms/Modals', - component: Modal, - args: {}, - argTypes: {}, -} as ComponentMeta<typeof Modal>; - -const Template: ComponentStory<typeof Modal> = (args) => <Modal {...args} />; - -/** - * Modal Stories - Primary - */ -export const Primary = Template.bind({}); -Primary.args = { - children: - 'Inventore natus dignissimos aut illum modi asperiores. Et voluptatibus delectus.', -}; - -/** - * Modal Stories - Primary With Heading - */ -export const PrimaryWithHeading = Template.bind({}); -PrimaryWithHeading.args = { - children: - 'Inventore natus dignissimos aut illum modi asperiores. Et voluptatibus delectus.', - heading: <Heading level={3}>Aut provident eum</Heading>, -}; - -/** - * Modal Stories - Secondary - */ -export const Secondary = Template.bind({}); -Secondary.args = { - children: - 'Inventore natus dignissimos aut illum modi asperiores. Et voluptatibus delectus.', - kind: 'secondary', -}; - -/** - * Modal Stories - Secondary with heading - */ -export const SecondaryWithHeading = Template.bind({}); -SecondaryWithHeading.args = { - children: - 'Inventore natus dignissimos aut illum modi asperiores. Et voluptatibus delectus.', - heading: ( - <Heading isFake level={4}> - Aut provident eum - </Heading> - ), - kind: 'secondary', -}; |
