summaryrefslogtreecommitdiffstats
path: root/src/components/atoms/headings/heading.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/headings/heading.stories.tsx')
-rw-r--r--src/components/atoms/headings/heading.stories.tsx32
1 files changed, 32 insertions, 0 deletions
diff --git a/src/components/atoms/headings/heading.stories.tsx b/src/components/atoms/headings/heading.stories.tsx
index 9958af9..0b286fe 100644
--- a/src/components/atoms/headings/heading.stories.tsx
+++ b/src/components/atoms/headings/heading.stories.tsx
@@ -4,6 +4,10 @@ import HeadingComponent from './heading';
export default {
title: 'Atoms/Headings',
component: HeadingComponent,
+ args: {
+ isFake: false,
+ withMargin: true,
+ },
argTypes: {
children: {
description: 'Heading body.',
@@ -12,6 +16,20 @@ export default {
required: true,
},
},
+ isFake: {
+ control: {
+ type: 'boolean',
+ },
+ description: 'Use an heading element or only its styles.',
+ table: {
+ category: 'Options',
+ defaultValue: { summary: false },
+ },
+ type: {
+ name: 'boolean',
+ required: false,
+ },
+ },
level: {
control: {
type: 'select',
@@ -23,6 +41,20 @@ export default {
required: true,
},
},
+ withMargin: {
+ control: {
+ type: 'boolean',
+ },
+ description: 'Adds margin.',
+ table: {
+ category: 'Options',
+ defaultValue: { summary: true },
+ },
+ type: {
+ name: 'boolean',
+ required: false,
+ },
+ },
},
} as ComponentMeta<typeof HeadingComponent>;