aldovandus / mantra-slider

A simple and lightweight slider for viewing pictures

🕉️ Mantra Slider

A simple and lightweight react slider for viewing pictures

Installation

​ Install with npm ​

  npm install mantra-slider

​ Install with yarn ​

  yarn add mantra-slider

Usage in react

import { MantraImage, MantraSlider } from "mantra-slider";

<MantraSlider
    keyExtractor={(item: any) => item.src}
    hasControllers={false}
    renderItem={({ src }, index) => {
      return (
        <MantraImage key={index} index={index}>
          <img
            loading="lazy"
            alt={`${variant.name} image ${index}`}
            src={src}
          />
        </MantraImage>
      );
    }} 
    data={data}
/>

​

Run with vite.js

  git clone https://github.com/aldovandus/react-pictures-viewer
  cd react-pictures-viewer
  yarn install
  yarn dev