docs: dropdownHelpMessageを選択式にする

kufu · Dec 10, 2024 · 0b6d0bb · 0b6d0bb
1 parent 20bc809
commit 0b6d0bb
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/...ages/smarthr-ui/src/components/ComboBox/SingleComboBox/stories/SingleComboBox.stories.tsx b/...ages/smarthr-ui/src/components/ComboBox/SingleComboBox/stories/SingleComboBox.stories.tsx
@@ -5,6 +5,7 @@ import React, { useState } from 'react'
 
 import { FaCirclePlusIcon } from '../../../Icon'
 import { Stack } from '../../../Layout'
+import { Text } from '../../../Text'
 import { SingleComboBox } from '../SingleComboBox'
 
 // eslint-disable-next-line storybook/prefer-pascal-case
@@ -104,6 +105,14 @@ export default {
       options: Object.keys(prefixes),
       mapping: prefixes,
     },
+    dropdownHelpMessage: {
+      control: { type: 'select' },
+      options: ['文字列', 'ReactNode'],
+      mapping: {
+        文字列: 'ヘルプメッセージ',
+        ReactNode: <Text className="shr-text-danger">React Nodeを渡したメッセージ</Text>,
+      },
+    },
   },
   parameters: {
     chromatic: { disableSnapshot: true },