Slider
Un componente que muestra a sus hijos en una presentación de diapositivas o en un carrusel.
Opciones
- title |
(string|node): título de la presentación de diapositivas / carrusel que se mostrará en su parte superior. Default:none. - dots |
boolean: mostrar puntos en la parte inferior para navegar rápidamente a cualquier diapositiva. Default:true. - fade |
boolean: controla si el desvanecimiento se utiliza para la transición entre las diapositivas. Default:false. - draggable |
boolean: controla si los usuarios pueden arrastrar las diapositivas para navegar entre ellas. Default:false. - pagination |
string: si mostrar la paginación en la "parte superior", "parte inferior", o "ambas". Default:'bottom'. - goto |
number: Si se cambia la propiedad, el componente salta a la diapositiva con el índice seleccionado. Default:0. - infinite |
boolean: controla si la presentación de diapositivas envuelve su contenido. Default:false. - interval |
number: establece un intervalo de tiempo para un cambio de diapositivas automático. Default:none. - swipe |
boolean: permite el comportamiento de arrastrar y pasar la mano. Default:false. - style |
object: Estilos en línea CSS. Default:{}. - onClick |
function: llamada invocada al hacer clic en los botones siguiente/anterior. Default:onClick() {}.
Ejemplos
- Minimal
- Customize Pagination
- Slideshow
- Custom Styling
Editor en vivo
Resultado
ReferenceError: Provider is not defined