From a08291b1586858fc894a27d56f55f87a88f8dbd3 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 20 Apr 2022 19:24:21 +0200 Subject: refactor(storybook): reorganize design system Add more stories for each components and change some components categories for better organization. --- .../molecules/modals/tooltip.stories.tsx | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) (limited to 'src/components/molecules/modals/tooltip.stories.tsx') diff --git a/src/components/molecules/modals/tooltip.stories.tsx b/src/components/molecules/modals/tooltip.stories.tsx index 63fc71d..06a4855 100644 --- a/src/components/molecules/modals/tooltip.stories.tsx +++ b/src/components/molecules/modals/tooltip.stories.tsx @@ -1,9 +1,12 @@ import { ComponentMeta, ComponentStory } from '@storybook/react'; -import TooltipComponent from './tooltip'; +import Tooltip from './tooltip'; +/** + * Tooltip - Storybook Meta + */ export default { - title: 'Molecules/Modals', - component: TooltipComponent, + title: 'Molecules/Modals/Tooltip', + component: Tooltip, argTypes: { className: { control: { @@ -49,14 +52,17 @@ export default { }, }, }, -} as ComponentMeta; +} as ComponentMeta; -const Template: ComponentStory = (args) => ( - +const Template: ComponentStory = (args) => ( + ); -export const Tooltip = Template.bind({}); -Tooltip.args = { +/** + * Tooltip Stories - Help + */ +export const Help = Template.bind({}); +Help.args = { content: 'Minima tempora fuga omnis ratione doloribus ut. Totam ea vitae consequatur. Fuga hic ipsum. In non debitis ex assumenda ut dicta. Sit ut maxime eligendi est.', icon: '?', -- cgit v1.2.3