Slider
A component which displays its children in a slideshow or carousel.
Options
- title |
(string|node): title for the slideshow / carousel to be displayed at its top. Default:none. - dots |
boolean: display dots at the bottom for quickly navigating to any slide. Default:true. - fade |
boolean: controls whether fading is used for transitioning between the slides. Default:false. - draggable |
boolean: controls whether users can drag the slides to navigate between them. Default:false. - pagination |
string: whether to show the pagination either on thetop,bottom, orboth. Default:'bottom'`. - goto |
number: If property is changed, the component jumps to the slide with the selected index. Default:0. - infinite |
boolean: controls whether the slideshow wraps around it's contents. Default:false. - interval |
number: sets a time interval for an automatic slide change. Default:none. - swipe |
boolean: enables drag/swipe behavior. Default:false. - style |
object: CSS inline styles. Default:{}. - onClick |
function: callback invoked when clicking on the next/previous buttons. Default:onClick() {}.
Examples
- Minimal
- Customize Pagination
- Slideshow
- Custom Styling
Live Editor
Result
ReferenceError: Provider is not defined