Pagination

Pagination with bold borders and clear active states.

Installation

npx neobrutal add pagination

Usage

import { Pagination, PaginationItem } from "@/components/ui/pagination"

<Pagination>
  <PaginationItem>Prev</PaginationItem>
  <PaginationItem>1</PaginationItem>
  <PaginationItem isActive>2</PaginationItem>
  <PaginationItem>3</PaginationItem>
  <PaginationItem>Next</PaginationItem>
</Pagination>

Props

PaginationItem

Prop	Type	Default	Description
isActive	boolean	-	Whether the pagination item is the current page.