From 0f936ec0e7606cb79434d94096b6e113a7ce78eb Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 15 Dec 2023 18:35:16 +0100 Subject: refactor(stories): migrate stories to CSF3 format --- .../molecules/collapsible/collapsible.stories.tsx | 72 ---------------------- 1 file changed, 72 deletions(-) delete mode 100644 src/components/molecules/collapsible/collapsible.stories.tsx (limited to 'src/components/molecules/collapsible/collapsible.stories.tsx') diff --git a/src/components/molecules/collapsible/collapsible.stories.tsx b/src/components/molecules/collapsible/collapsible.stories.tsx deleted file mode 100644 index 7cac64d..0000000 --- a/src/components/molecules/collapsible/collapsible.stories.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import type { ComponentMeta, ComponentStory } from '@storybook/react'; -import { Heading } from '../../atoms'; -import { Collapsible } from './collapsible'; - -/** - * HeadingButton - Storybook Meta - */ -export default { - title: 'Molecules/Collapsible', - component: Collapsible, - argTypes: { - heading: { - control: { - type: 'text', - }, - description: 'Define the collapsible heading.', - type: { - name: 'function', - required: true, - }, - }, - isCollapsed: { - control: { - type: 'boolean', - }, - description: 'Define if the component should be collapsed or expanded.', - table: { - category: 'Options', - defaultValue: { summary: false }, - }, - type: { - name: 'boolean', - required: true, - }, - }, - }, -} as ComponentMeta; - -const Template: ComponentStory = ({ heading, ...args }) => ( - - {heading} - - } - /> -); - -const heading = 'Your title'; -const body = - 'Eius et eum ex voluptas laboriosam aliquid quas necessitatibus. Molestiae eius voluptatem qui voluptas eaque et totam. Ut ipsum ea sit. Quos molestiae id est consequatur. Suscipit illo at. Omnis non suscipit. Qui itaque laboriosam quos ut est laudantium. Iusto recusandae excepturi quia labore voluptatem quod recusandae. Quod ducimus ut rem dolore et.'; - -/** - * Collapsible Stories - Collapsed - */ -export const Collapsed = Template.bind({}); -Collapsed.args = { - children: body, - heading, - isCollapsed: true, -}; - -/** - * Collapsible Stories - Expanded - */ -export const Expanded = Template.bind({}); -Expanded.args = { - children: body, - heading, - isCollapsed: false, -}; -- cgit v1.2.3