CarouselController
CarouselControllers são componentes utilizados para controlar a exibição de elementos em carrosséis.
Quando usar:
- Você possuir uma categoria de elementos da interface que se repetem e que podem ser exibidos em forma de carrossel.
Quando não usar:
- Você estiver trabalhando com tabelas. Nesses casos recomendamos o uso de paginação (TODO).
- Todo o conteúdo a ser gerenciado puder ser exibido de uma só vez. Nesse caso não há necessidade de controle de páginas e do uso do componente;
Uso
js
<CdsCarouselController
:total="12"
:perPage="4"
@click-back="clickBackHandler"
@click-forward="clickForwardHandler"
/>
Preview
1-4 de 12dados
Props
Nome | Tipo | Default | Opções | Descrição |
---|---|---|---|---|
* propertyName (required) | string | -- | Nome da propriedade exibida no controle do carousel. | |
* perPage (required) | number | -- | Número de itens por página do carousel. | |
* total (required) | number | -- | Número total de itens no carousel. | |
simple | boolean | false | -- | Quando true, exibe o controle em modo simples (página atual de total de páginas). |
fluid | boolean | false | -- | Quando true, o controle ocupa toda a largura disponível com espaçamento distribuído. |
Eventos
Nome | Descrição |
---|---|
@click-back | Evento que indica que o botão voltar foi clicado |
@click-forward | Evento que indica que o botão avançar foi clicado |