diff options
Diffstat (limited to 'src/components/atoms/headings/heading.stories.tsx')
| -rw-r--r-- | src/components/atoms/headings/heading.stories.tsx | 32 |
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>; |
