RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

Carousel

Free

Diapositivas con botones de anterior y siguiente e indicadores. La reproducción automática es opcional; se pausa al pasar el puntero y con el foco, y tiene un botón de pausa, como exige WCAG.

Ejemplo

Control Carousel

Parámetros

Carousel

ParámetroTipoDescripción
ActiveIndexintÍndice de la pestaña seleccionada. Úselo con @bind-ActiveIndex.
AutoplayIntervalintMilisegundos entre cambios automáticos de diapositiva; 0 (predeterminado) desactiva la reproducción automática.
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
LabelstringTexto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
StylestringEstilo en línea agregado al elemento raíz.

CarouselSlide

ParámetroTipoDescripción
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
StylestringEstilo en línea agregado al elemento raíz.

Eventos

Carousel

EventoTipoDescripción
ActiveIndexChangedEventCallback<int>Se genera cuando se selecciona otra pestaña.

Paquete

Carousel forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.