페이지네이션
이전/다음 묶음으로 목록 페이지를 이동하는 내비게이션이다. 가운데 라벨로 현재 범위를 표시한다.
상태
first
middle
last
활용 방법
목록 이동
hasPrevious·hasNext로 버튼 활성 여부를, label로 현재 범위를 제어한다.
Preview
tsx
<Pagination hasPrevious hasNext label="26-50 / 248" />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| hasPrevious | boolean | false | 이전 버튼 활성 |
| hasNext | boolean | false | 다음 버튼 활성 |
| label | ReactNode | - | 가운데 범위 라벨 |
| onPrevious | () => void | - | 이전 클릭 콜백 |
| onNext | () => void | - | 다음 클릭 콜백 |
| previousHref | string | - | 이전 링크 href |
| nextHref | string | - | 다음 링크 href |