Switch Usage

개별 설정을 켜고 끌 수 있으며, 변경 사항을 즉시 반영합니다.

Behaviors

Interactions

Switch는 on/off 또는 true/false의 바이너리 선택 값을 가집니다. Switch 자체 또는 항목 텍스트를 클릭하여 항목을 켜고 끌 수 있습니다. 변경 사항은 저장 없이 즉시 적용됩니다.

✕Don'tRequired

저장 등의 추가 확인이 필요한 설정에는 switch를 사용하지 않습니다.

✓DoRecommended

여러 개의 옵션 선택이나 저장 확인이 필요한 경우 checkbox를 활용합니다.

Switch는 하위 항목을 갖는 트리 구조로 표현할 수 있으며, 이 때 상위 항목은 하위 항목을 대표합니다. 상위 switch는 하위 항목에 대한 전체 켜기 및 끄기 기능을 수행할 수 있습니다.

하위 항목이 부분적으로 켜진 경우, 상위 switch는 indeterminate 상태로 표현되며 클릭 시 전체 항목을 켭니다.