토글은 on/off, 활성화/비활성화 등 2개의 상태 간 즉각적인 전환을 할 때 사용합니다.
Usage
사용자가 실제 스위치 버튼을 연상하고 동작할 수 있는 모든 경우에 사용합니다.
•
속성의 on/off를 선택할 때 사용합니다.
•
정해진 두가지 상태 중에 하나를 선택하여 전환할 때 사용합니다.
•
선택한 값을 화면에 즉시 적용해야 할 때 사용합니다.
Variants
Switch
스위치 모양으로 대상 항목을 on/off 할 때 사용합니다.
Icon swap
형식이나 형태를 전환할 때 사용합니다.
아이콘 버튼으로 각 형태를 나타내며, 주로 목록의 조회 형식을 변경할 때 사용합니다.
Guidelines
•
on/off 등 선택한 상태를 명확히 인지할 수 있도록 색상을 적용합니다.
•
토글은 독립 요소이므로 레이블을 따로 사용하지 않습니다. 레이블이 필요할 때는 토글 내에 표시합니다.
•
항목이 많은 경우에는 전체 스위치 버튼도 함께 제공합니다.
•
항목이 그룹화 된 경우에는 그룹별 스위치 버튼도 함께 제공합니다.
