React Pagination Component API

Pagination API

Explore the API reference for the React Pagination component and discover how to effectively utilize its props for customization.

On this page

jsx

import { CPagination } from '@coreui/react-pro'

Property	Default	Type
align	-	`'start'`, `'center'`, `'end'`, `undefined`
Set the alignment of pagination components.
className	-	`string`, `undefined`
A string of all className you want applied to the base component.
size	-	`'sm'`, `'lg'`, `undefined`
Size the component small or large.

jsx

import { CPaginationItem } from '@coreui/react-pro'

Property	Default	Type
active	-	`boolean`, `undefined`
Toggle the active state for the component.
as	-	`(ElementType & string)`, `(ElementType & ComponentClass<any, any>)`, `(ElementType & FunctionComponent<any>)`, `undefined`
Component used for the root node. Either a string to use a HTML element or a component.
disabled	-	`boolean`, `undefined`
Toggle the disabled state for the component.