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