Pagination
A set of inputs used for navigation between pages.
Importing
1
import { Pagination } from '@infinityfx/fluid';Usage
API reference
Pagination Props
pages
number
Required
The total number of pages.
defaultPage?
number
The default page index selected initially (0-indexed).
page?
number
Controlled page index (0-indexed).
onChange?
(page: number) => void
Callback triggered when page changes.
compact?
boolean
false
Hides the numbered page buttons, showing only next/prev arrows.
skipable?
boolean
false
Shows skip to first and last buttons.
shape?
'square' | 'round' | 'pill'
'square'
size?
'xsm' | 'sml' | 'med' | 'lrg'
'med'
variant?
'default' | 'neutral' | 'minimal'
'default'
disabled?
boolean
false
color?
string
Custom color for the selected page indicator.