Skip to Content
ComponentsSelect / InputToggle ButtonOverview

Toggle Button

사용자가 클릭 한 번으로 항목을 선택하거나 선택 취소할 수 있습니다.

Live Demo

Toggle Button Group
View in Storybook →

Anatomy

Basic

Toggle Button Basic anatomy

  1. Container
  2. Text
  3. Start Icon (optional)
  4. End Icon (optional)
  5. Container
  6. Icon

Contained

Toggle Button Contained anatomy

  1. Container
  2. Text
  3. Start Icon (optional)
  4. End Icon (optional)
  5. Container
  6. Icon

Variants

일반 button 및 icon button에서 확장된 형태인 basic과 toggle button group에서 제한적으로 사용되는 contained로 구성되어 있습니다.