image-show-react v2.5.0

Simple Image Show Library

A simple and customizable image carousel component library for React.

Features

• Easy to use and integrate.
• Fully customizable.
• Supports automatic slide transitions.

Installation

You can install the package using npm or yarn:

npm install react-image-carousel

or 

yarn add react-image-carousel

Usage

Here's a basic example of how to use the ImageCarousel component in your React project:

1. Import the Component

First, import the ImageCarousel component into your project:

import React from 'react';
import ImageCarousel from 'react-image-carousel';
import 'react-image-carousel/dist/index.css'; 

2. Use the Component

Then, use the ImageCarousel component and pass the required props:

const images = [
  'https://via.placeholder.com/800x300',
  'https://via.placeholder.com/800x300', 
  'https://via.placeholder.com/800x300',
];

const App = () => {
  return (
    <div>
      <h1>React Image Carousel Example</h1>
      <ImageCarousel images={images} autoPlay={true} animation={"default"} />
    </div>
  );
};

export default App;

Props