Pagination
Pagination is used to navigate between pages of content.
Installation
npx jsx-daisyui add paginationDefault
pagination-default
With prev and next
pagination-with-prev-next
Sizes
pagination-sizes
Props
Pagination
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | - | The controlled active page number. |
defaultValue | number | 1 | The default active page number. |
onValueChange | (value: number) => void | - | Callback when the active page changes. |
Pagination.Item
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | string | - | The value of this pagination item. |
disabled | boolean | false | Whether the item is disabled. |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | The size of the pagination item. |