Ir al contenido principal

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

Editor en vivo
Resultado
ReferenceError: Provider is not defined