Components · Action

Pagination

페이지 번호 네비게이션. 현재 페이지는 ink-deep 채움.

Preview

Usage

<nav class="pagination" aria-label="페이지">
  <button class="pg-btn" disabled>‹</button>
  <button class="pg-btn">1</button>
  <button class="pg-btn is-active" aria-current="page">2</button>
  <span class="pg-ellipsis">…</span>
  <button class="pg-btn">›</button>
</nav>

Rules

DO

현재 페이지에 aria-current="page".
7페이지 이상이면 ellipsis로 압축.

DON'T

모든 페이지 번호 나열 금지 (8개 이상).