トグルスイッチ
Toggle Switch
別名: スイッチ / Switch
ライブデモ
説明
一言で説明
オン/オフを切り替える、物理的なスイッチを模したUI要素。
いつ使う？
設定の有効/無効、通知のオン/オフなど、2つの状態を即座に切り替えるとき。
💡 日常の言い方
「コロッとスライドしてオンオフ切り替えるスイッチ」
似ている用語との違い
トグルスイッチ vs チェックボックス
チェックボックスはフォームの一部で、送信ボタンで反映される。トグルスイッチは切り替えた瞬間に反映される。
AIへの指示例
設定画面に通知のオンオフをトグルスイッチで配置して。オン状態で青、オフ状態でグレーにして。切り替え時にスムーズなアニメーションを入れて。