Primitive

Pagination

Pagination with page navigation, next and previous links.

Installation

npx benflux-ui add pagination

Usage

import {
  Pagination, PaginationContent, PaginationItem,
  PaginationLink, PaginationNext, PaginationPrevious,
} from "@benflux-ui/react"

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

Props — PaginationLink

Prop	Type	Default	Description
isActive	boolean	false	Marks the link as the current active page
href	string	—	URL the link navigates to