Tab
동일한 레벨의 페이지나 콘텐츠 내에서 정보를 구분하거나 전환할 때 사용합니다. 선택된 탭에 따라 연결된 콘텐츠가 전환되어, 사용자가 원하는 정보를 빠르게 탐색할 수 있습니다.
Controls
Type
Tab Count
Divider
Fixed Tab
고정형 탭. 탭 개수에 따라 각 항목이 균등한 너비로 배분됩니다.
Tab Count
2 Tabs
3 Tabs
4 Tabs
Divider
With Divider
No Divider
Scrollable Tab
가로 스크롤이 가능한 탭. 탭 항목이 많거나 라벨이 길 때 사용합니다.
Divider
With Divider
No Divider
Capsule Tab
캡슐 형태의 스크롤 가능한 탭. 선택 상태가 채워진 필(Pill) 형태로 표현됩니다.
Size
Small
Normal
Switch Tab
배경 컨테이너 안에서 전환되는 형태의 탭. Round와 Square 변형을 지원합니다.
Variant
Round (2 Tabs)
Round (3 Tabs)
Square (2 Tabs)
Square (3 Tabs)
Square + Icon (2 Tabs)
Square + Icon (3 Tabs)