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