Switch

オン/オフを即時に切り替えるスイッチコンポーネントです。機能の有効/無効や表示切替をユーザー操作で即座にシステムに反映させるときに使います。

使用上の注意

Switchは操作時に即時実行されます。Checkboxと異なり、送信ボタンは不要です。

また、未確定（:indeterminate）の状態を持ちません。内部的に role=switch を使っています。

Switchはオン・オフのどちらか1つの状態を表します。対する概念ではあるが、異なる状態を表す場合はSegmentedControlを使ってください。

Switchは基本的にラベルを必要とします。周囲のコンテキストによって省略できます。

また、利用者が状態を認識しにくくなるため、Switchの状態が切り替わってもラベルは変更しないでください。

モバイルで自動的に切り替わるようにコンポーネントを改修予定です。

Switchは小さくモバイルでは操作しづらいため、サイズを大きくしてください。

unrecommendedLabelHidden

false true

ラベルを視覚的に隠すかどうか