Pagination

Navigation component for paginated content with URL integration.

Usage

1 / 5

import { Pagination } from "@/components/bank/pagination"

export default function PaginatedContent() {
  return (
    <div>
      {/* Content */}
      <Pagination page={currentPage} totalPages={totalPages} />
    </div>
  )
}

Props

page

Current page number.

Type: number

totalPages

Total number of pages available.

Type: number

Features

URL Integration

Automatically updates the URL with the current page number using search params.

Boundary Handling

Disables navigation buttons when at the first or last page.

Client Navigation

Uses client-side navigation to update content without full page reloads.