§09-17Forms
トグルスイッチ
設定の ON/OFF をスイッチの形で切り替える。
設定が有効か無効かを一目で示し、押した瞬間に反映させる。通知や公開状態のように二択で即時に変わる項目に向く。
実装のポイント
スイッチは即時反映される設定に使い、保存ボタンが必要な場面ではチェックボックスにする。role=switch と aria-checked でラベルと関連付ける。
- 特徴
- フォーム
- アクセシビリティ
- デモで使っているもの
- shadcn/ui
§09-17Forms
設定の ON/OFF をスイッチの形で切り替える。
設定が有効か無効かを一目で示し、押した瞬間に反映させる。通知や公開状態のように二択で即時に変わる項目に向く。
スイッチは即時反映される設定に使い、保存ボタンが必要な場面ではチェックボックスにする。role=switch と aria-checked でラベルと関連付ける。