Carousel
FreeSlides com botões de anterior e próximo e indicadores. A reprodução automática é opcional; pausa ao passar o ponteiro e com o foco e tem um botão de pausa, como o WCAG exige.
Exemplo
Parâmetros
Carousel
| Parâmetro | Tipo | Descrição |
|---|---|---|
ActiveIndex | int | Índice da guia selecionada. Use com @bind-ActiveIndex. |
AutoplayInterval | int | Milissegundos entre trocas automáticas de slide; 0 (padrão) desativa a reprodução automática. |
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Label | string | Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta). |
Style | string | Estilo embutido adicionado ao elemento raiz. |
CarouselSlide
| Parâmetro | Tipo | Descrição |
|---|---|---|
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Eventos
Carousel
| Evento | Tipo | Descrição |
|---|---|---|
ActiveIndexChanged | EventCallback<int> | Gerado quando outra guia é selecionada. |
Pacote
Carousel faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.
Enviar feedbackVersão 1.0.3