Pagination
Елементи гортання сторінок із кнопками «назад», «далі» та номерами.
Використання
Довідник API
VoltPaginationButton — volt-pagination-button
| Вхід | Тип | За замовчуванням |
|---|---|---|
| page * | number | { transform: numberAttribute } |
| disabled | boolean | false |
| variant | PaginationButtonVariants['variant'] | 'default' |
VoltPaginationFirst — volt-pagination-first
| Вхід | Тип | За замовчуванням |
|---|---|---|
| disabled | boolean | false |
VoltPaginationLast — volt-pagination-last
| Вхід | Тип | За замовчуванням |
|---|---|---|
| disabled | boolean | false |
VoltPaginationNext — volt-pagination-next
| Вхід | Тип | За замовчуванням |
|---|---|---|
| disabled | boolean | false |
VoltPaginationPrevious — volt-pagination-previous
| Вхід | Тип | За замовчуванням |
|---|---|---|
| disabled | boolean | false |
VoltPagination — volt-pagination
| Вхід | Тип | За замовчуванням |
|---|---|---|
| page | number | 1 |
| pageCount | number | 0 |
| disabled | boolean | false |
| Вихід | Тип |
|---|---|
| pageChange | number |
Варіанти CVA
| Властивість | Значення | За замовчуванням |
|---|---|---|
| variant | default | outline | default |
Код компонента
Встановити через CLI:
npx @voltui/cli add paginationTypeScript
Завантаження редактора…
Скопіюйте цей код у свій проєкт. Компонент використовує ng-primitives/pagination.