Pagination
Pagination são indicadores de status utilizados para tornar evidentes metadados importates.
Quando usar:
- For necessário mostrar status associados com a lógica de negócio ou ações do usuário.
- O conteúdo a ser mostrado for readonly.
- For preciso categorizar algo.
Quando não usar:
- O conteúdo que a Pagination representa puder ser setado ou removido pelo usuário.
- O click no componente precisar executar uma ação ou funcionalidade.
Uso
js
<CdsPagination
v-model="page"
per-page="12"
total="60"
variant="green"
/>Preview
Props
Nome | Tipo | Default | Opções | Descrição |
|---|---|---|---|---|
total | number | 1 | -- | Prop utilizada para receber o número total de registros a serem paginados. |
perPage | number | 1 | -- | Prop utilizada para receber o número de registros a serem exibidos por página. |
fluid | boolean | false | -- | Prop que indica se o componente deverá ocupar 100% do espaço disponível. |
variant | string | 'green' | green teal blue indigo violet pink red orange amber dark | A variante de cor. São 10 variantes: |