JeonH503/Carousel

react-carousel-show

This library is a simple carousel library.

Demo

Example

How to use

import './App.css';
import Carousel from 'react-carousel-show';
import React from "react";

const slides = [
  {name:1,image:"/images/(1).webp"},
  {name:2,image:"/images/(2).webp"},
  {name:3,image:"/images/(3).webp"},
  {name:4,image:"/images/(4).webp"},
  {name:5,image:"/images/(5).webp"},
  {name:6,image:"/images/(6).webp"},
  {name:7,image:"/images/(7).webp"},
  {name:8,image:"/images/(8).webp"},
  {name:9,image:"/images/(9).webp"},
  {name:10,image:"/images/(10).webp"},
  {name:11,image:"/images/(11).webp"},
  {name:12,image:"/images/(12).webp"},
]

function App() {
  return (
    <div className="App">
        <Carousel>
            {slides.map(slide => <img alt={String(slide.name)} key={slide.name} className="thumnail" src={slide.image}></img>)}
        </Carousel>
    </div>
  );
}

export default App;