페이지네이션
이전·다음 묶음으로 목록 페이지를 이동하는 내비게이션이다. 현재 범위를 label로 보여주고 경계에서는 해당 버튼을 비활성화한다.
상태
first
middle
last
활용 방법
목록 하단
표나 카드 목록 아래에서 페이지를 넘긴다. href나 onPrevious·onNext로 이동을 연결한다.
Preview
tsx
<Pagination hasPrevious hasNext label="1-25 / 248" onPrevious={prev} onNext={next} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| hasPrevious | boolean | false | 이전 버튼 활성 |
| hasNext | boolean | false | 다음 버튼 활성 |
| label | ReactNode | - | 현재 범위 표시 |
| onPrevious | () => void | - | 이전 클릭 콜백 |
| onNext | () => void | - | 다음 클릭 콜백 |