Zum Hauptinhalt springen

Slider

Eine Komponente, die ihre Kinder in einer Diashow oder einem Karussell anzeigt.

Optionen

  • title | (string|node): Titel für die Diashow / das Karussell, der im oberen Bereich angezeigt werden soll. Default: none.
  • dots | boolean: Anzeigepunkte am unteren Rand zum schnellen Navigieren zu jeder Folie. Default: true.
  • fade | boolean: steuert, ob die Überblendung für den Übergang zwischen den Dias verwendet wird. Default: false.
  • draggable | boolean: steuert, ob Benutzer die Folien ziehen können, um zwischen ihnen zu navigieren. Default: false.
  • pagination | string: ob die Paginierung entweder "oben", "unten" oder "beides" angezeigt werden soll. Default: 'bottom'.
  • goto | number: Wenn die Eigenschaft geändert wird, springt die Komponente auf die Folie mit dem ausgewählten Index. Default: 0.
  • infinite | boolean: steuert, ob die Diashow um ihren Inhalt herumgeht. Default: false.
  • interval | number: legt ein Zeitintervall für einen automatischen Diawechsel fest. Default: none.
  • swipe | boolean: aktiviert das Ziehen/Wischen-Verhalten. Default: false.
  • style | object: CSS-Inline-Stile. Default: {}.
  • onClick | function: Callback, der beim Klicken auf die Schaltflächen next/previous aufgerufen wird. Default: onClick() {}.

Beispiele

Live-Editor
Ergebnis
ReferenceError: Provider is not defined