<aside> 📍 How to use Toggle Switch

• 정의된 구조를 적절한 상황에 사용해야 하며, 정의되지 않은 새로운 구조의 사용을 제한합니다.
• 선택 옵션이 2가지이면서 각 선택에 따른 전환의 대비가 클 경우 사용하며, 아닐 경우 Radio button 사용을 고려합니다. (Radio button 관련 내용은 Radio button 참조)
• 하나의 구조에 하나의 컴포넌트만 사용합니다.
• 대체로 화면의 우측 끝에 위치합니다. </aside>

Toggle Switch

두가지의 반대되는 결과값으로 구성되며 각 선택에 따른 효과 전환이 필요할 경우에 사용합니다. On, Off, Disable로 나누어 사용하는데 On, Off의 경우 클릭으로 state를 변경할 수 있지만 Disable은 이미 설정된 state에서 더이상 상태를 변경할 수 없습니다. Toggle Switch는 즉각적인 상황 변화를 일으켜 on/off 기능을 합니다.

목차