GitHub stars
Explorer
Pagination
Page navigation with previous/next and numbered pages.
Components
Installation
npx shadcn@latest add https://ui.edbn.me/r/pagination.jsonManual
API Reference
Pagination
Navigation for paginated content. Renders a nav element.
classNamestringCSS class name
PaginationContent
List container for pagination items. Renders a ul element.
classNamestringCSS class name
PaginationItem
Wrapper for a single pagination element. Renders a li element.
classNamestringCSS class name
PaginationLink
A page number link. Renders an a element.
isActiveboolean=
falseMark as current page
size'default' | 'sm' | 'lg' | 'icon'=
'icon'Button size
classNamestringCSS class name
PaginationPrevious
Link to the previous page. Renders an a element.
classNamestringCSS class name
PaginationNext
Link to the next page. Renders an a element.
classNamestringCSS class name
PaginationEllipsis
Indicates skipped pages. Renders a span element.
classNamestringCSS class name