aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/motion-toggle.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/forms/motion-toggle.stories.tsx')
-rw-r--r--src/components/molecules/forms/motion-toggle.stories.tsx15
1 files changed, 15 insertions, 0 deletions
diff --git a/src/components/molecules/forms/motion-toggle.stories.tsx b/src/components/molecules/forms/motion-toggle.stories.tsx
index 4fc199a..dc4d2a9 100644
--- a/src/components/molecules/forms/motion-toggle.stories.tsx
+++ b/src/components/molecules/forms/motion-toggle.stories.tsx
@@ -5,6 +5,18 @@ import MotionToggleComponent from './motion-toggle';
export default {
title: 'Molecules/Forms',
component: MotionToggleComponent,
+ argTypes: {
+ value: {
+ control: {
+ type: null,
+ },
+ description: 'The reduce motion value.',
+ type: {
+ name: 'boolean',
+ required: true,
+ },
+ },
+ },
} as ComponentMeta<typeof MotionToggleComponent>;
const Template: ComponentStory<typeof MotionToggleComponent> = (args) => (
@@ -14,3 +26,6 @@ const Template: ComponentStory<typeof MotionToggleComponent> = (args) => (
);
export const MotionToggle = Template.bind({});
+MotionToggle.args = {
+ value: false,
+};