Pagination
Pagination controls with previous, next, and page buttons.
Usage
API Reference
VoltPaginationButton — volt-pagination-button
| Input | Type | Default |
|---|---|---|
| page * | number | { transform: numberAttribute } |
| disabled | boolean | false |
| variant | PaginationButtonVariants['variant'] | 'default' |
VoltPaginationFirst — volt-pagination-first
| Input | Type | Default |
|---|---|---|
| disabled | boolean | false |
VoltPaginationLast — volt-pagination-last
| Input | Type | Default |
|---|---|---|
| disabled | boolean | false |
VoltPaginationNext — volt-pagination-next
| Input | Type | Default |
|---|---|---|
| disabled | boolean | false |
VoltPaginationPrevious — volt-pagination-previous
| Input | Type | Default |
|---|---|---|
| disabled | boolean | false |
VoltPagination — volt-pagination
| Input | Type | Default |
|---|---|---|
| page | number | 1 |
| pageCount | number | 0 |
| disabled | boolean | false |
| Output | Type |
|---|---|
| pageChange | number |
CVA variants
| Prop | Options | Default |
|---|---|---|
| variant | default | outline | default |
Component Source
Install via CLI:
npx @voltui/cli add paginationTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/pagination.