Switch
특정 기능이나 옵션을 켜고 끌 수 있는 토글 형태의 컴포넌트입니다.
활성화, 비활성화 같은 이진
동작을 제어하는데 사용합니다.
Anatomy
-
1. Track
이동이 가능한 영역를 나타냅니다.
-
2. Thumb
이동하는 부분으로 켜거나 끌 때 이동합니다.
Types
General switch
특정 기능이나 옵션을 켜거나 끌 수 있는 기본적인 스위치입니다.
시각적인 인식을 쉽게 하기
위해 활성화, 비활성화 상태를 컬러로 구분합니다.
제어하는 옵션의 타이틀을 제공합니다.
Text Switch
컨테이너 안에서 켜거나 끌 수 있는 토글할 수 있는 스위치 형태입니다.
제어하는 옵션의 타이틀을 제공합니다.
옵션을 선택하는 기능에 사용하지 않습니다.
States
상태 값에 대해 명확한 인지를 위해 강조합니다.
Usage
Text Switch
세 개 이상의 범주에서 선택하기 위해 사용할 수 없습니다.
사용자의 시선 흐름이 좌측에서 우측으로 흐르기 때문에 설명을 위한 텍스트는 우측에 배치하지 않습니다.
옵션 변경 사항은 즉각 반영을 위해 확인 또는 적용에 대한 버튼을 제공하지 않습니다.