as prop has a default value

Signed-off-by: 8845musign <hiroki.yokouchi@dr-ubie.com>
ubie-oss · Apr 21, 2024 · 0f845d5 · 0f845d5
1 parent f72c54d
commit 0f845d5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git 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
@@ -11,42 +11,42 @@ type Story = StoryObj<typeof Heading>;
 export const Default: Story = {
   render: () => (
     <Stack spacing="md">
-      <Heading as="p" size="xs">
+      <Heading size="xs">
         xs: スマートフォン問診
       </Heading>
-      <Heading as="p" size="xs">
+      <Heading size="xs">
         xs: スマートフォン問診を利用できる
         <br />
         近くの医療機関から調べる
       </Heading>
-      <Heading as="p" size="sm">
+      <Heading size="sm">
         sm: スマートフォン問診
       </Heading>
-      <Heading as="p" size="sm">
+      <Heading size="sm">
         sm: スマートフォン問診を利用できる
         <br />
         近くの医療機関から調べる
       </Heading>
-      <Heading as="p" size="md">
+      <Heading size="md">
         md: スマートフォン問診
       </Heading>
-      <Heading as="p" size="md">
+      <Heading size="md">
         md: スマートフォン問診を利用できる
         <br />
         近くの医療機関から調べる
       </Heading>
-      <Heading as="p" size="lg">
+      <Heading size="lg">
         lg: スマートフォン問診
       </Heading>
-      <Heading as="p" size="lg">
+      <Heading size="lg">
         lg: スマートフォン問診を利用できる
         <br />
         近くの医療機関から調べる
       </Heading>
-      <Heading as="p" size="xl">
+      <Heading size="xl">
         xl: スマートフォン問診
       </Heading>
-      <Heading as="p" size="xl">
+      <Heading size="xl">
         xl: スマートフォン問診を利用できる
         <br />
         近くの医療機関から調べる