Radio Group

複数の選択肢から1つだけ選ぶラジオボタン。

縦並び（デフォルト）

プランを選択

フリープラン

プロプラン

エンタープライズ

TSX

<RadioGroup
  name="plan"
  label="プランを選択"
  defaultValue="pro"
  options={[
    { value: "free", label: "フリープラン" },
    { value: "pro", label: "プロプラン" },
    { value: "enterprise", label: "エンタープライズ" },
  ]}
/>

横並び

サイズ

Small

Medium

Large

Props

Prop	Type	Default	説明
`name`	`string`	—	フォームのname属性（必須）
`label`	`string`	—	グループラベル
`options`	`{ value: string; label: string }[]`	—	選択肢（必須）
`value`	`string`	—	制御される値
`defaultValue`	`string`	—	初期値
`direction`	`"vertical" \| "horizontal"`	"vertical"	配置方向
`onChange`	`(value: string) => void`	—	値変更時のコールバック