react-images-slider

My React Image Slider Component

A simple and customizable image slider component for React.

Created By Aakash R
My Profile

Installation

You can install this package using npm:

npm install react-images-slider

Usage To use the SliderComponent in your React application, follow these steps:

1. Import the component:
   

   import { SliderComponent } from 'react-image-sliders';
   

2. Include the SliderComponent in your JSX, passing the required props:
   

   const images = [ 'https://example.com/image1.jpg', 'https://example.com/image2.jpg', 'https://example.com/image3.jpg', ];

// Include the SliderComponent with images, width, and height props

return ( );

Usage

To use the SliderComponent in your React application, follow these steps:

1. Import the component at the top of your JavaScript or TypeScript file:

import React from "react";
import { SliderComponent } from "react-images-slider";

const images = [
  "https://example.com/image1.jpg",
  "https://example.com/image2.jpg",
  "https://example.com/image3.jpg",
];

function App() {
  return (
    <div>
      <h1>Image Slider Example</h1>
      <SliderComponent images={images} width={800} height={400} />
    </div>
  );
}

export default App;

Issues and Contributions If you encounter any issues or have suggestions for improvements, please open an issue.

Contributions are welcome! Fork this repository and create a pull request to contribute to the project.