Pagination Props — Vortex Design System

Pagination

Pagination is a navigation control for moving through pages of content, like browsing search results or reviewing invoices. It shows numbered pages or a compact page count with previous and next controls.

Import

import { Pagination } from '@vortexlabs/vortex';
import type { PaginationProps } from '@vortexlabs/vortex';

Other links

Storybook

Pagination props
Prop	Type	Default
`previousLabel`	`string`	No default value
`nextLabel`	`string`	No default value
`previousAriaLabel`	`string`	No default value
`nextAriaLabel`	`string`	No default value
`total`	`number`	No default value
`ariaLabel`	`string`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value
`variant`	`union`	`numbered`
`siblingCount`	`number`	`1`
`fullWidth`	`boolean`	No default value
`pageAriaLabel`	`callback`	No default value
`pageLabel`	`string`	No default value
`totalLabel`	`callback`	No default value
`pageInput`	`union`	No default value
`page`	`number`	No default value
`onChange`	`callback`	No default value
`defaultPage`	`number`	`1`

Page Input

pageInput options
Prop	Type	Default	Attributes
`ariaLabel`	`string`	No default value
`errorMessage`	`callback`	No default value