The component accepts the following props:
Assets
Assets to be included in carousel
- An array of assets to be looped through in carousel
Sizing
Set the size of the carousel
-
width: width of carousel (default px)
-
height: height of carousel (default px)
Dots
Determines if tracking dots are viewable below carousel
- dots: boolean value (default false)
Duration
Set the amount of time each slide remains visible
- duration: value in ms (ex: use 3000 for 3s)
Arrows
Set custom arrows for the carousel
- arrows: array of two elements, [left arrow image, right arrow image]
Captions
Set custom captions for each slide in the carousel
- captions: array of strings, each element is a caption for the corresponding image at that index
Controls Determines if HTML5 video controls are shown
- controls: boolean value (default true)