ラジオボタン ( 概要 )
ラジオボタンは、ユーザーが選択肢の中から1つだけを選択できるようにする場合に使用します。
仕様
パーツ
-
ラジオボタン
-
選択肢ラベル
使い方
設計の原則
- 複数の選択肢からひとつの項目だけを選択する場合に使用します。
- ラジオボタンは選択解除ができないので、任意項目で使用する場合は「あてはまるものはない」というような無選択状態を意味する選択肢を設けましょう。
良い例
ひとつの選択肢を選ぶことができる質問にラジオボタンを使用しています。
悪い例
複数回答できるような質問にはチェックボックスを使用してください。
各種リソース
| 種別 | リソース | 状態 |
|---|---|---|
| デザイン | Figmaデザインデータ(v2) | 提供中 |
| HTML版実装 | ソースコード(GitHub) | 提供中 |
| サンプル(Storybook) | 提供中 | |
| React版実装 | ソースコード(GitHub) | 提供中 |
| サンプル(Storybook) | 提供中 |