From 8a4fbf91b0ffdcb0ec38105f918ce6f90e6ec161 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 4 Apr 2022 15:45:08 +0200 Subject: chore: add a Branding component --- src/components/atoms/headings/heading.stories.tsx | 32 +++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'src/components/atoms/headings/heading.stories.tsx') 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; -- cgit v1.2.3