@igor-j86/react-carousel

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

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 (
    <Carousel>
      <Link to="/1">
        Card 1
      </Link>
      <Link to="/2">
        Card 2
      </Link>
      <Link to="/3">
        Card 3
      </Link>
      <Link to="/4">
        Card 4
      </Link>
      <Link to="/5">
        Card 5
      </Link>
    </Carousel>
  )
}

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.