Groudit UI

Pagination

Betav1.0.0

긴 리스트 분할 네비게이션.

Loading…
// Pagination 컴포넌트는 카탈로그 페이지에서 import 후 사용.

Installation

pnpm dlx shadcn@latest add https://groudit.com/r/pagination.json

Composition

Pagination

Dependencies

설치 시 자동으로 함께 들어오는 의존성. 모든 버전은 정확히 고정되어 자동 업데이트를 방지합니다.

npm packages

PackageVersion
clsx2.1.1
tailwind-merge3.6.0
lucide-react1.17.0

Groudit components

이 컴포넌트가 의존하는 다른 Groudit 컴포넌트 — 함께 설치됩니다.

Accessibility

이 컴포넌트는 WAI-ARIA navigation 패턴을 따릅니다.

Keyboard interactions

KeyDescription
Tab
다음 페이지 링크로 이동.
Enter
선택.

WCAG 2.1 AA

이 컴포넌트는 다음 Success Criteria 충족을 목표로 합니다.

1.3.12.4.3

Notes

  • •aria-current='page' 로 현재 페이지 표시. nav 요소에 감싸기.