React Gallery Slider

Simple and convenient photo slider for your application! This component is basing on CSS snap-scroll property 💥

Installation 🔧

Install with npm:

npm install --save react-gallery-slider

or

Install with yarn:

yarn add react-gallery-slider

Getting Started 💡

const React = require('react');
const ReactDOM = require('react-dom');
const GallerySlider = require('react-gallery-slider');

const Photo = require("./img.jpg");
var photos = ["some url", Photo];

ReactDOM.render(
  <GallerySlider photos={photos} />,
  document.getElementById('container')
)

ES6

import React from "react";
import ReactDOM from 'react-dom';
import PhotoSlider from "./react-photo-slider";

import Photo from "./img.jpg";
var photos = ["some url", Photo];

ReactDOM.render(
  <GallerySlider photos={photos} />,
  document.getElementById('container')
)

Options 🔨

• photos - (array) Array of photos' urls (required)
• activePhoto - (number) Index (starting from 0) of the current photo.
• className - (string) Class name of the container element.
• style - (object) Inline styles of the gallery container.

License 📄

MIT

Made by Karol Waliszewski with ❤️