react-lightweight-image-slider

A Simple and lightweight image slider in react

Usage no npm install needed!

<script type="module">
  import reactLightweightImageSlider from 'https://cdn.skypack.dev/react-lightweight-image-slider';
</script>

README

npm type definitions

Lightweight Image Slider

A Simple and lightweight image slider in react.

Demo


Edit q8wl1joow9

Installation

> yarn add react-lightweight-image-slider
> npm i react-lightweight-image-slider

Usage

import React from 'react';
import ImageSlider from "react-lightweight-image-slider";

function App() {

  const images = [
    'https://picsum.photos/id/1/900/900',
    'https://picsum.photos/id/2/900/900',
    'https://picsum.photos/id/3/900/900',
    'https://picsum.photos/id/4/900/900',
    'https://picsum.photos/id/5/900/900',
    'https://picsum.photos/id/6/900/900',
    'https://picsum.photos/id/7/900/900',
    'https://picsum.photos/id/8/900/900',
    'https://picsum.photos/id/9/900/900',
  ];


  return (
    <div>
      <ImageSlider
        images={images}
      />
    </div>
  );
}