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/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'; }; diff --git a/src/stories/Heading.stories.tsx b/src/stories/Heading.stories.tsx index 8e8f46ce..399e3a1c 100644 --- a/src/stories/Heading.stories.tsx +++ b/src/stories/Heading.stories.tsx @@ -11,42 +11,32 @@ type Story = StoryObj; export const Default: Story = { render: () => ( - - xs: スマートフォン問診 - - + xs: スマートフォン問診 + xs: スマートフォン問診を利用できる
近くの医療機関から調べる
- - sm: スマートフォン問診 - - + sm: スマートフォン問診 + sm: スマートフォン問診を利用できる
近くの医療機関から調べる
- - md: スマートフォン問診 - - + md: スマートフォン問診 + md: スマートフォン問診を利用できる
近くの医療機関から調べる
- - lg: スマートフォン問診 - - + lg: スマートフォン問診 + lg: スマートフォン問診を利用できる
近くの医療機関から調べる
- - xl: スマートフォン問診 - - + xl: スマートフォン問診 + xl: スマートフォン問診を利用できる
近くの医療機関から調べる