Passa al contenuto principale

Slider

Un componente che mostra i suoi figli in una presentazione o in un carosello.

Opzioni#

  • title | string: titolo per la presentazione / carosello da visualizzare nella sua parte superiore. Default: ''.
  • dots | boolean: visualizzare i punti in basso per navigare rapidamente verso qualsiasi diapositiva. Default: true.
  • fade | boolean: controlla se la dissolvenza viene utilizzata per la transizione tra i vetrini. Default: false.
  • draggable | boolean: controlla se gli utenti possono trascinare le diapositive per navigare tra di loro. Default: false.
  • pagination | string: se mostrare la paginazione sia sul "sopra", "sotto" o "entrambi". Default: 'bottom'.
  • goto | number: Se la proprietà viene modificata, il componente salta alla diapositiva con l'indice selezionato. Default: 0.
  • infinite | boolean: controlla se la presentazione si avvolge intorno al suo contenuto. Default: false.
  • interval | number: imposta un intervallo di tempo per il cambio automatico della slitta. Default: none.
  • swipe | boolean: consente un comportamento di trascinamento/trascinamento. Default: false.
  • style | object: Stili in linea CSS. Default: {}.
  • onClick | function: richiamata quando si fa clic sui pulsanti successivi/precedenti. Default: onClick() {}.

Esempi#

Editore dal vivo
Risultato
Ultimo aggiornamento il {data} da Planeshifter