Toggle Button
GUIDE
Toggle는 특정 옵션을 켜고 끄거나 상태를 변경하는 작업을 수행하는 컨트롤러입니다.
사용자는 Toggle의 상태를 보고 옵션의 설정 여부를 파악할 수 있습니다.
주로 리스트 형태 혹은 viewer 등 특정 기능의 설정을 켜고 끄는 용도로 사용합니다.
Toggle 요소의 기본 구성(색상, 좌/우 위치 등)을 임의로 변경할 수 있습니다.
반드시 사용자에게 Default Option을 제공해야 합니다.
ANATOMY
-
버튼의 on/off 상태와 기능의 의미를 표기합니다.
-
Toggle의 on/off 상태를 서로 대비되는 색상으로 표기하며, off 상태일 경우 톤 다운 된 무채색으로 꺼져있는 상태임을 나타냅니다.
SIZE
Toggle은 상태의 결과를 표기하는 label 또는 icon이 있는 버전과 없는 버전으로 구성됩니다.
label 또는 icon에 따라 버튼의 사이즈는 달라집니다.
STATES
Toggle의 상태별 정의는 다음과 같습니다.