summaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/prism-theme-toggle.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/forms/prism-theme-toggle.stories.tsx')
-rw-r--r--src/components/molecules/forms/prism-theme-toggle.stories.tsx44
1 files changed, 34 insertions, 10 deletions
diff --git a/src/components/molecules/forms/prism-theme-toggle.stories.tsx b/src/components/molecules/forms/prism-theme-toggle.stories.tsx
index dc9090b..513ebfc 100644
--- a/src/components/molecules/forms/prism-theme-toggle.stories.tsx
+++ b/src/components/molecules/forms/prism-theme-toggle.stories.tsx
@@ -1,11 +1,27 @@
import { ComponentMeta, ComponentStory } from '@storybook/react';
import { IntlProvider } from 'react-intl';
-import PrismThemeToggleComponent from './prism-theme-toggle';
+import PrismThemeToggle from './prism-theme-toggle';
+/**
+ * PrismThemeToggle - Storybook Meta
+ */
export default {
- title: 'Molecules/Forms',
- component: PrismThemeToggleComponent,
+ title: 'Molecules/Forms/Toggle',
+ component: PrismThemeToggle,
argTypes: {
+ labelClassName: {
+ control: {
+ type: 'text',
+ },
+ description: 'Set additional classnames to the label wrapper.',
+ table: {
+ category: 'Styles',
+ },
+ type: {
+ name: 'string',
+ required: false,
+ },
+ },
value: {
control: {
type: null,
@@ -17,15 +33,23 @@ export default {
},
},
},
-} as ComponentMeta<typeof PrismThemeToggleComponent>;
+ decorators: [
+ (Story) => (
+ <IntlProvider locale="en">
+ <Story />
+ </IntlProvider>
+ ),
+ ],
+} as ComponentMeta<typeof PrismThemeToggle>;
-const Template: ComponentStory<typeof PrismThemeToggleComponent> = (args) => (
- <IntlProvider locale="en">
- <PrismThemeToggleComponent {...args} />
- </IntlProvider>
+const Template: ComponentStory<typeof PrismThemeToggle> = (args) => (
+ <PrismThemeToggle {...args} />
);
-export const PrismThemeToggle = Template.bind({});
-PrismThemeToggle.args = {
+/**
+ * Toggle Stories - Prism theme
+ */
+export const PrismTheme = Template.bind({});
+PrismTheme.args = {
value: false,
};