Components · Action

Tabs

탭 그룹. 활성 탭은 primary 색 + 하단 라인. 모바일에서는 가로 스크롤.

Preview

Usage

<div class="tabs" role="tablist">
  <button class="tab is-active" role="tab">개요</button>
  <button class="tab" role="tab">커리큘럼</button>
</div>

Rules

DO

탭 5개 이하.
활성 탭 색은 항상 primary.

DON'T

탭 안에 또 탭 nest 금지.
아이콘-only 탭 라벨 금지 (접근성).