Toggle / Switch 開關
概述
開關是一種模擬實體開關的元件，用於切換兩種互斥的狀態（例如：開/關、啟用/停用、顯示/隱藏）。它通常以滑塊或按鈕的形式呈現，通過點擊或滑動來改變狀態。
使用時機
開關元件常用於以下情境：
- 需要即時回饋：操作後立即顯示結果，無需額外確認步驟。
- 狀態切換：清晰表示功能或選項的開啟/關閉狀態。
- 快速操作：使用者可以快速執行操作，無需複雜的互動行為。
- 有限選項：僅有兩個互斥的選項。
不適用於開關元件不適用於以下情境：
- 多個選項：若有超過兩個選項，應考慮使用下拉選單、單選按鈕或複選框。
- 複雜操作：若操作涉及多個步驟或需要額外確認，應考慮使用其他互動方式。
- 不明確狀態：若狀態不明確或有多於兩種狀態，應考慮使用其他元件。
使用規範
當您取用開關元件進行設計時，應考慮以下原則：
- 清晰標籤：提供簡潔明瞭的對應文字，說明開關所控制的功能或選項。
- 狀態指示：開關的視覺樣式應清晰指示當前狀態。
- 即時回饋：操作開關後，應立即更新對應的功能或選項。
設計範例
![]()
- 標籤（Label）（選擇性）：位於開關上方或旁邊，說明開關所控制的功能。
- 容器（Container）：用於包裹開關元件，提供必要的樣式和布局。
