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
- Minimal
- Customize Pagination
- Slideshow
- Custom Styling
Live-Editor
Ergebnis
ReferenceError: Provider is not defined