NOCTA UI

Pagination

Navigate through paged data sets with previous, next and numbered controls.

Installation

Install the Pagination component using the nocta-ui CLI:

npx @nocta-ui/cli add pagination

Then import the component where you need it:

import { Pagination } from '@/components/ui/pagination';

Examples

Default

Showing page 1 of 4

Extended Ranges

Showing page 25 of 64

API Reference

Prop

Type