aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/modal/modal.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-10-31 16:00:45 +0100
committerArmand Philippot <git@armandphilippot.com>2023-11-11 18:15:27 +0100
commit3ff4c37a7a2c40340c17f9e6c1754444bce0f839 (patch)
tree551ca3df148d46af2bd27995fa98c01378030644 /src/components/atoms/modal/modal.stories.tsx
parent0e52a59917406ad03c174e030c6c1c92ab23449d (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.tsx59
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',
-};