Renders anything given between the tags, be it an image, text or a custom JSX element!
npm i react-hot-carousel
yarn add react-hot-carousel
A highly customizable carousel react component. Renders anything given between the tags, be it an image,text or a custom JSX element!
🗂 No dependencies
Easy to use
🪶 Lightweight
import Carousel from 'react-hot-carousel'
<Carousel
autoplay={true}
previousButton={<PreviousBtn/>}
nextButton={<NextBtn/>}
navigationIndicator={<Indicator/>}
activeNavigationIndicator={<ActiveIndicator/>}
carouselCustomContainerStyles={display:'flex'...}
navigationIndicatorContainerStyles={display:'flex'...}
autoPlayInterval={6}>
<div>...</div>
<img src="placeholder.jpeg" />
<img src="placeholder.gif" />
<SomeComponent />
</Carousel>