Toggle Button

GUIDE

Toggle는 특정 옵션을 켜고 끄거나 상태를 변경하는 작업을 수행하는 컨트롤러입니다.

사용자는 Toggle의 상태를 보고 옵션의 설정 여부를 파악할 수 있습니다.

  • 주로 리스트 형태 혹은 viewer 등 특정 기능의 설정을 켜고 끄는 용도로 사용합니다.

  • Toggle 요소의 기본 구성(색상, 좌/우 위치 등)을 임의로 변경할 수 있습니다.

  • 반드시 사용자에게 Default Option을 제공해야 합니다.

 

ANATOMY

  • 버튼의 on/off 상태와 기능의 의미를 표기합니다.

  • Toggle의 on/off 상태를 서로 대비되는 색상으로 표기하며, off 상태일 경우 톤 다운 된 무채색으로 꺼져있는 상태임을 나타냅니다.


SIZE

Toggle은 상태의 결과를 표기하는 label 또는 icon이 있는 버전과 없는 버전으로 구성됩니다.

label 또는 icon에 따라 버튼의 사이즈는 달라집니다.


STATES

Toggle의 상태별 정의는 다음과 같습니다.

 
Previous
Previous

Slider

Next
Next

Radio Button