Pagination

Pagination with page navigation, next and previous links.

Installation

Import from the package. Do not run shadcn add in your app.

tsx

import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from "@carsxe/design-system/components/pagination"

Usage

tsx

import {
  Pagination,
  PaginationContent,
  PaginationItem,
  PaginationLink,
} from "@carsxe/design-system/components/pagination"

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

API Reference

Prop	Type	Default
isActive	boolean (PaginationLink)	—