@evroca/core

React Carousel

This package contains a simple React Carousel. It is compatible with React v17. To use, simply import the Carousel component, and then add children into the Carousel, as shown in the "Usage" section below. See the "Demo" section below for a demo video.

Installation

npm i @evroca/core

Usage

index.js:

import React from "react";
import ReactDOM from "react-dom";
import Carousel from "@evroca/core";

function App() {
  return (
    <Carousel>
      <div>Item 1</div>
      <div>Item 2</div>
      <img
        src="https://cdn.cnn.com/cnnnext/dam/assets/130604125005-rick-astley-video.jpg"
        alt="Item 3"
        style={{ width: "100%" }}
      />
      <div>Item 4</div>
      <div>Item 5</div>
      <div>Item 6</div>
      <div>Item 7</div>
      <div>Item 8</div>
      <div>Item 9</div>
      <div>Item 10</div>
    </Carousel>
  );
}

ReactDOM.render(<App />, document.querySelector("#root"));

Demo

https://user-images.githubusercontent.com/38119443/163601806-092df47b-fc64-4235-97c9-23b46c066466.mp4