옵션들을 수평으로 나열한 버튼 그룹으로 한 번에 하나의 옵션만 선택합니다. 선택된 항목은 시각적으로 강조 되는 형태의 구조로 같은 콘텐츠 영역 내에서 보기 방식이나 필터를 변경할 때 사용됩니다.
Design
Web
iOS
Android
좌우 사이즈는 자유롭게 커스터마이징하여 사용할 수 있으며 높이는 고정되어 있습니다.
리스트/그리드, 지도/목록, 일/주/월 캘린더 뷰 전환 등 화면에 내려지는 값의 뷰 스타일을 변경할 때 사용합니다.
전체/진행중/완료 같은 상태 필터, 최신순/인기순/가격순 같은 정렬 옵션을 표현할 때 사용합니다.
라이트/다크 모드, 섭씨/화씨 온도 단위, km/mile 거리 등 단위나 모드를 전환할 때 사용합니다.
Level.2 → 화면 전체에 대한 뷰 값을 컨트롤 합니다.
Level.1 → 일정 영역에 대한 뷰 값을 컨트롤 합니다.
Label의 부가적인 설명이 필요할 때 아이콘을 활용할 수 있습니다.
세그먼트 자체의 속성을 변경하거나, Radius, Typography Color를 임의로 변경하지 않습니다.
