Pagination
Controles de paginación con botones de anterior, siguiente y número de página.
Uso
Referencia de la API
VoltPaginationButton — volt-pagination-button
| Entrada | Tipo | Por defecto |
|---|---|---|
| page * | number | { transform: numberAttribute } |
| disabled | boolean | false |
| variant | PaginationButtonVariants['variant'] | 'default' |
VoltPaginationFirst — volt-pagination-first
| Entrada | Tipo | Por defecto |
|---|---|---|
| disabled | boolean | false |
VoltPaginationLast — volt-pagination-last
| Entrada | Tipo | Por defecto |
|---|---|---|
| disabled | boolean | false |
VoltPaginationNext — volt-pagination-next
| Entrada | Tipo | Por defecto |
|---|---|---|
| disabled | boolean | false |
VoltPaginationPrevious — volt-pagination-previous
| Entrada | Tipo | Por defecto |
|---|---|---|
| disabled | boolean | false |
VoltPagination — volt-pagination
| Entrada | Tipo | Por defecto |
|---|---|---|
| page | number | 1 |
| pageCount | number | 0 |
| disabled | boolean | false |
| Salida | Tipo |
|---|---|
| pageChange | number |
Variantes CVA
| Propiedad | Opciones | Por defecto |
|---|---|---|
| variant | default | outline | default |
Código del componente
Instalar por CLI:
npx @voltui/cli add paginationTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/pagination.