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