From a6ff5eee45215effb3344cb5d631a27a7c0369aa Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 22 Sep 2023 19:34:01 +0200 Subject: refactor(components): rewrite form components --- .../forms/motion-toggle/motion-toggle.stories.tsx | 47 ++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx (limited to 'src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx') diff --git a/src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx b/src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx new file mode 100644 index 0000000..7e541db --- /dev/null +++ b/src/components/organisms/forms/motion-toggle/motion-toggle.stories.tsx @@ -0,0 +1,47 @@ +import { ComponentMeta, ComponentStory } from '@storybook/react'; +import { MotionToggle } from './motion-toggle'; +import { storageKey } from './motion-toggle.fixture'; + +/** + * MotionToggle - Storybook Meta + */ +export default { + title: 'Organisms/Forms/Toggle', + component: MotionToggle, + argTypes: { + defaultValue: { + control: { + type: 'select', + }, + description: 'Set the default value.', + options: ['on', 'off'], + type: { + name: 'string', + required: true, + }, + }, + storageKey: { + control: { + type: 'text', + }, + description: 'Set local storage key.', + type: { + name: 'string', + required: true, + }, + }, + }, +} as ComponentMeta; + +const Template: ComponentStory = (args) => ( + +); + +/** + * Toggle Stories - Motion + */ +export const Motion = Template.bind({}); +Motion.args = { + defaultValue: 'on', + storageKey, +}; -- cgit v1.2.3