Docs
Pagination
Pagination
Pagination with page navigation, next and previous links.
Installation
pnpm dlx shadcn-solid@latest add pagination
Usage
import {
Pagination,
PaginationEllipsis,
PaginationItem,
PaginationItems,
PaginationNext,
PaginationPrevious,
} from "@/components/ui/pagination"<Pagination
count={10}
itemComponent={(props) => (
<PaginationItem page={props.page}>{props.page}</PaginationItem>
)}
ellipsisComponent={() => <PaginationEllipsis />}
>
<PaginationPrevious />
<PaginationItems />
<PaginationNext />
</Pagination>