Tailwind-carousel
Easiest way to add carousel in you react js, next js with Tailwind project.
Usage/Examples
import TailwindCarousel from 'tailwind-carousel';
function App() {
return <body >
....
<TailwindCarousel
styleClass={`my-3 mx-auto w-2/3 h-64 rounded-md `} // tailwind class styles
style={{height: '250px', width: '75%' }} // height and width can also be passed as style prop or as styleClass
timespace={2500} // time for each slide image in milli second
carusal_cover={true} // carousal image cover whole size (true) or contain inside (false)
arrowVisible={true} // Arrows on left and right visible ?
hideArrowForMobile={true} // Hide Arrows for mobile screens if arrowVisible is true ?
pageIndicator={true} //page number indicators at bootom as dots visible ?
images={['https://example.com/image1.jpg',
'https://example.com/image2.jpg',
'https://example.com/image3.jpg']} // images for carousal in Array format
/>
.......
</body>
}Demo
https://codesandbox.io/s/tailwind-carousel-46713p
