Pagination

Page navigation list with glass buttons.

Pagination

Installation

1pnpm dlx shadcn@latest add @glasswave/pagination

Usage

1<Pagination>2  <PaginationContent>3    <PaginationItem>4      <PaginationPrevious href="#" />5    </PaginationItem>6    <PaginationItem>7      <PaginationLink href="#">1</PaginationLink>8    </PaginationItem>9    <PaginationItem>10      <PaginationLink href="#" isActive>11        212      </PaginationLink>13    </PaginationItem>14    <PaginationItem>15      <PaginationLink href="#">3</PaginationLink>16    </PaginationItem>17    <PaginationItem>18      <PaginationEllipsis />19    </PaginationItem>20    <PaginationItem>21      <PaginationNext href="#" />22    </PaginationItem>23  </PaginationContent>24</Pagination>

API Reference

PaginationLink

Prop	Type	Default
`isActive`	`boolean`	`false`

The other parts render their semantic element and accept its native attributes plus className.