Components

Tabs

같은 층위의 뷰를 전환합니다. 필 형태를 사용합니다.

위 미리보기는 이미지가 아니라 실제 코드입니다 — 눌러 보고, 올려 보세요.

코드 보기

<div class="tn-pill">
  <button class="on">전체</button>
  <button>문서</button>
</div>

Variants

이름	설명	미리보기
on	검정 반전 필	전체
기본	테두리 필 → hover 파랑	문서

✓ Do

✕ Don't

Tabs vs Segmented Control — Tabs는 콘텐츠 영역 전환, Segmented는 한 값의 선택(옵션 2~3개).