chore: HintTextのStoryファイルを追加

pixiv · Dec 24, 2024 · 6c8b00e · 6c8b00e
1 parent ffa82a1
commit 6c8b00e
Showing 1 changed file with 39 additions and 0 deletions.
diff --git a/packages/react-sandbox/src/components/HintText/index.story.tsx b/packages/react-sandbox/src/components/HintText/index.story.tsx
@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react'
+import HintText from '.'
+
+export default {
+  title: 'react-sandbox/HintText',
+  component: HintText,
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: {
+    children: { type: 'string' },
+    context: {
+      control: {
+        type: 'select',
+        options: ['page', 'section'],
+      },
+    },
+  },
+} as Meta<typeof HintText>
+
+export const Default: StoryObj<typeof HintText> = {
+  args: {
+    children: 'HintText',
+    context: 'section',
+  },
+  render: (props) => <HintText {...props} />,
+}
+
+export const NarrowWidth: StoryObj<typeof HintText> = {
+  args: {
+    children: 'LongLongLongLongLongLongLongLongLongText',
+    context: 'section',
+  },
+  render: (props) => (
+    <div style={{ width: 200 }}>
+      <HintText {...props} />
+    </div>
+  ),
+}