페이지네이션

페이지네이션은 많은 양의 콘텐츠를 탐색하기 쉽도록 여러 화면에 나누고, 분할된 화면을 탐색하는 데 사용되는 요소이다.

페이지네이션은 많은 양의 콘텐츠를 탐색하기 쉽도록 여러 화면에 나누고, 분할된 화면을 탐색하는 데 사용되는 요소이다.

사용 지침

게시판·검색 결과처럼 목록 결과가 많은 화면에 적용하며, 처음·이전·다음·마지막 이동을 함께 제공하고 키보드 포커스·스크린 리더 라벨을 갖춰 접근성을 확보합니다.

예제

Default

examples/pagination/PaginationDefault.tsx
"use client"

import * as React from "react"

Controlled

examples/pagination/PaginationControlled.tsx
"use client"

import * as React from "react"

With Many Pages

examples/pagination/PaginationWithManyPages.tsx
"use client"

import * as React from "react"

속성

이름타입기본값설명
aria-labelstring페이지 네비게이션
classNamestring