aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/layout/no-script.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/layout/no-script.stories.tsx')
-rw-r--r--src/components/atoms/layout/no-script.stories.tsx32
1 files changed, 24 insertions, 8 deletions
diff --git a/src/components/atoms/layout/no-script.stories.tsx b/src/components/atoms/layout/no-script.stories.tsx
index 474e2fb..22d2fea 100644
--- a/src/components/atoms/layout/no-script.stories.tsx
+++ b/src/components/atoms/layout/no-script.stories.tsx
@@ -1,9 +1,12 @@
import { ComponentMeta, ComponentStory } from '@storybook/react';
-import NoScriptComponent from './no-script';
+import NoScript from './no-script';
+/**
+ * NoScript - Storybook Meta
+ */
export default {
- title: 'Atoms/Layout',
- component: NoScriptComponent,
+ title: 'Atoms/Layout/NoScript',
+ component: NoScript,
args: {
position: 'initial',
},
@@ -34,13 +37,26 @@ export default {
},
},
},
-} as ComponentMeta<typeof NoScriptComponent>;
+} as ComponentMeta<typeof NoScript>;
-const Template: ComponentStory<typeof NoScriptComponent> = (args) => (
- <NoScriptComponent {...args} />
+const Template: ComponentStory<typeof NoScript> = (args) => (
+ <NoScript {...args} />
);
-export const NoScript = Template.bind({});
-NoScript.args = {
+/**
+ * NoScript Stories - Default
+ */
+export const Default = Template.bind({});
+Default.args = {
message: 'A noscript only message.',
+ position: 'initial',
+};
+
+/**
+ * NoScript Stories - Top
+ */
+export const Top = Template.bind({});
+Top.args = {
+ message: 'A noscript only message.',
+ position: 'top',
};