Tailwind-carousel NPM

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>
}