Pagination

Page navigation with an active page and ellipsis.

Preview

Installation

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/pagination.json

$ pnpm dlx shadcn@latest add @stylexcn/pagination

Usage

<Pagination>
  <PaginationContent>
    <PaginationItem>
      <PaginationPrevious href="#" />
    </PaginationItem>
    <PaginationItem>
      <PaginationLink href="#" isActive>2</PaginationLink>
    </PaginationItem>
  </PaginationContent>
</Pagination>