Navigation
Pagination
1, 2, 3 … N 패턴 (current 좌우 siblings + 처음/끝). 모바일은 자동으로 "current/total" 단순 모드.
예제
페이지 번호 모드 (responsive=false) — 항상 숫자 노출
많은 페이지 + ellipsis — 1 … N 패턴
기본 — 모바일에서 자동으로 "1 / N" 단순 모드, 데스크톱은 숫자
설치 / Import
import { Pagination } from '@baneung-pack/ui';import { Pagination } from '@baneung-pack/ui/pagination';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | 설명 | Type | 기본값 |
|---|---|---|---|
page | 현재 페이지 (1-based, controlled) | number | — |
defaultPage | uncontrolled 초기 페이지 | number | 1 |
total | 전체 페이지 수 | number | — |
onPageChange | 페이지 변경 콜백 | (page: number) => void | — |
siblings | 현재 페이지 좌우 표시 수 | number | 1 |
responsive | sm 미만에서 단순 모드 자동 전환 | boolean | true |