fix(Chip): size のデフォルトが Story 上のコードに反映されないように修正

kufu · Nov 6, 2024 · 124d8c3 · 124d8c3
1 parent 369350f
commit 124d8c3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/smarthr-ui/src/components/Chip/Chip.tsx b/packages/smarthr-ui/src/components/Chip/Chip.tsx
@@ -17,9 +17,12 @@ const chip = tv({
       true: 'shr-bg-white/50 shr-text-disabled',
     },
   },
+  defaultVariants: {
+    size: 's',
+  },
 })
 
-export const Chip: FC<Props> = ({ size = 's', disabled, className, ...props }) => {
+export const Chip: FC<Props> = ({ size, disabled, className, ...props }) => {
   const styles = useMemo(() => chip({ size, disabled, className }), [size, disabled, className])
   return <span {...props} className={styles} />
 }
diff --git a/packages/smarthr-ui/src/components/Chip/stories/Chip.stories.tsx b/packages/smarthr-ui/src/components/Chip/stories/Chip.stories.tsx
@@ -9,6 +9,11 @@ export default {
   title: 'Data Display（データ表示）/Chip',
   component: Chip,
   render: (args) => <Chip {...args} />,
+  argTypes: {
+    size: {
+      control: 'select',
+    },
+  },
   args: {
     children: 'ラベル',
   },