react-carousel

A responsive React carousel component, written in React with TypeScript.

CSS note:
The package comes with a CSS file, but you can choose to whether import it manually from the package or use your own.

Usage

``jsx
import React from "react";
import { Link } from "react-router-dom";
import { Carousel } from "@igor-j86/react-carousel";
import "../../node_modules/@igor-j86/react-carousel/lib/style/ijrc-carousel.css";

const SomeComponent = () => {
return (


Card 1


Card 2


Card 3


Card 4


Card 5


)
}

export default SomeComponent
``

Optional props

| Prop | Default |
| ----------------------- | -------------- |
| id:string | 'carousel' |
| cards:number | 3 |
| width:string | '1000px' |
| autoplay:boolean | false |
| interval:number | 2500 |
| singleScroll:boolean | false |
| customClass:string | '' |
| scrollRightTitle:string | 'Scroll right' |
| scrollLeftTitle:string | 'Scroll left' |
| showButtons:boolean | true |

Developed with

- React
- TypeScript
- Vite
- PostCSS

License

Distributed under the ISC License.