Carousel

A horizontally scrolling set of interactive slides that transition between multiple pieces of content, either automatically or manually via navigation controls.

slide-0slide-1slide-2slide-3slide-4

Install

npm install compcrafter

Usage

import { Carousel } from "compcrafter";
const slides = [
    "https://i.ibb.co/ncrXc2V/1.png",
    "https://i.ibb.co/B3s7v4h/2.png",
    "https://i.ibb.co/XXR8kzF/3.png",
    "https://i.ibb.co/yg7BSdM/4.png",
];
<Carousel size="size-80" autoSlide={true}>
    {slides.map((slide, index) => (
      <img key={index} src={slide} alt={`slide-${index}`} />
    ))}
</Carousel>