From 0f845d5693950ca0499aa32e64dc5450390f1a0d Mon Sep 17 00:00:00 2001 From: 8845musign Date: Mon, 22 Apr 2024 08:50:42 +0900 Subject: [PATCH 1/3] as prop has a default value Signed-off-by: 8845musign --- src/components/Heading/Heading.tsx | 2 +- src/stories/Heading.stories.tsx | 20 ++++++++++---------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/components/Heading/Heading.tsx b/src/components/Heading/Heading.tsx index fecf59d5..1f947347 100644 --- a/src/components/Heading/Heading.tsx +++ b/src/components/Heading/Heading.tsx @@ -35,7 +35,7 @@ type Props = { * レンダリングされるHTML要素 * @default p */ - as: HTMLTagname; + as?: HTMLTagname; /** * テキストのカラーバリエーション * @default secondary diff --git a/src/stories/Heading.stories.tsx b/src/stories/Heading.stories.tsx index 8e8f46ce..0b875fab 100644 --- a/src/stories/Heading.stories.tsx +++ b/src/stories/Heading.stories.tsx @@ -11,42 +11,42 @@ type Story = StoryObj; export const Default: Story = { render: () => ( - + xs: スマートフォン問診 - + xs: スマートフォン問診を利用できる
近くの医療機関から調べる
- + sm: スマートフォン問診 - + sm: スマートフォン問診を利用できる
近くの医療機関から調べる
- + md: スマートフォン問診 - + md: スマートフォン問診を利用できる
近くの医療機関から調べる
- + lg: スマートフォン問診 - + lg: スマートフォン問診を利用できる
近くの医療機関から調べる
- + xl: スマートフォン問診 - + xl: スマートフォン問診を利用できる
近くの医療機関から調べる From 1c3562b528401445390198c008822a93f08e0025 Mon Sep 17 00:00:00 2001 From: 8845musign Date: Mon, 22 Apr 2024 08:52:32 +0900 Subject: [PATCH 2/3] add default comment Signed-off-by: 8845musign --- src/components/Text/Text.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx index a3d5d206..3236187e 100644 --- a/src/components/Text/Text.tsx +++ b/src/components/Text/Text.tsx @@ -63,6 +63,7 @@ type HeadingProps = BaseProps & { size?: HeadingFontSize; /** * 行送りの抽象値(`line-height`) + * @default default */ leading?: 'default'; }; @@ -80,6 +81,7 @@ type NoteProps = BaseProps & { size?: NoteFontSize; /** * 行送りの抽象値(`line-height`) + * @default default */ leading?: NoteLeading; }; @@ -96,6 +98,7 @@ type ButtonProps = BaseProps & { size?: ButtonFontSize; /** * 行送りの抽象値(`line-height`) + * @default default */ leading?: 'default'; }; @@ -112,6 +115,7 @@ type TagProps = BaseProps & { size?: TagFontSize; /** * 行送りの抽象値(`line-height`) + * @default default */ leading?: 'default'; }; From 7ce6d93b7e8d6d66578cd567edeb180f94fd2b05 Mon Sep 17 00:00:00 2001 From: 8845musign Date: Mon, 22 Apr 2024 09:00:59 +0900 Subject: [PATCH 3/3] fix format Signed-off-by: 8845musign --- src/stories/Heading.stories.tsx | 20 +++++--------------- 1 file changed, 5 insertions(+), 15 deletions(-) diff --git a/src/stories/Heading.stories.tsx b/src/stories/Heading.stories.tsx index 0b875fab..399e3a1c 100644 --- a/src/stories/Heading.stories.tsx +++ b/src/stories/Heading.stories.tsx @@ -11,41 +11,31 @@ type Story = StoryObj; export const Default: Story = { render: () => ( - - xs: スマートフォン問診 - + xs: スマートフォン問診 xs: スマートフォン問診を利用できる
近くの医療機関から調べる
- - sm: スマートフォン問診 - + sm: スマートフォン問診 sm: スマートフォン問診を利用できる
近くの医療機関から調べる
- - md: スマートフォン問診 - + md: スマートフォン問診 md: スマートフォン問診を利用できる
近くの医療機関から調べる
- - lg: スマートフォン問診 - + lg: スマートフォン問診 lg: スマートフォン問診を利用できる
近くの医療機関から調べる
- - xl: スマートフォン問診 - + xl: スマートフォン問診 xl: スマートフォン問診を利用できる