@iammattburns/react-carousel

1.0.1 • Public • Published

React Carousel

React Carousel is a lightweight and customizable carousel component for React applications.

Installation

You can install React Carousel using npm:

npm install @iammattburns/react-carousel

Usage

To use React Carousel, import the component and render it with your desired configuration:

import React from 'react';
import Carousel from '@iammattburns/react-carousel';

const MyCarousel = () => {
  return (
    <Carousel>
        <Carousel.Slide>
            <img src="image1.jpg" alt="Image 1" />
        </Carousel.Slide>
        <Carousel.Slide>
            <img src="image2.jpg" alt="Image 2" />
        </Carousel.Slide>
        <Carousel.Slide>
            <img src="image3.jpg" alt="Image 3" />
        </Carousel.Slide>
    </Carousel>
  );
};

export default MyCarousel;

Props

React Carousel accepts the following props:

  • autoplay: boolean - Whether the carousel should autoplay (default: false)
  • autoplaySpeed: number - The speed at which the carousel should autoplay (default: 3000)
  • dots: boolean - Whether to show navigation dots (default: true)
  • infinite: boolean - Whether to enable infinite looping (default: true)
  • speed: number - The speed of the carousel animation (default: 500)
  • slidesToShow: number - The number of slides to show at once (default: 1)
  • slidesToScroll: number - The number of slides to scroll at once (default: 1)

License

React Carousel is licensed under the MIT License.

Package Sidebar

Install

npm i @iammattburns/react-carousel

Weekly Downloads

0

Version

1.0.1

License

MIT

Unpacked Size

102 kB

Total Files

21

Last publish

Collaborators

  • iammattburns