Pagination

Clean page navigation with dynamic ellipsis.

Preview

bash

npx auralix-ui add pagination

tsx

import { Pagination } from "@/components/ui/Pagination";

<Pagination 
  currentPage={page} 
  totalPages={10} 
  onPageChange={setPage} 
/>

Name	Type	Default	Description
`currentPage`	`number`	`-`	Current active page.
`totalPages`	`number`	`-`	Total number of pages.
`onPageChange`	`(page: number) => void`	`-`	Callback when page changes.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Size of pagination buttons.

On this page