React Custom Carousel

Props:

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)