rssr-carousel v0.0.1

rssr-carousel

react Carousel component base on flickity js flickity.metafizzy.co

example

in carouselOptions insert flickity options.

import React from 'react';
import Carousel from "rssr-carousel";

const MyCarousel = () => {
    const sampleCarousel = [
        '/asset/img/rssr-logo.png',
        '/asset/img/rssr-logo.png',
        '/asset/img/rssr-logo.png',
        '/asset/img/rssr-logo.png',
        '/asset/img/rssr-logo.png',
        '/asset/img/rssr-logo.png',
        '/asset/img/rssr-logo.png',
        '/asset/img/rssr-logo.png'
    ]

    const carouselOptions = {
        rightToLeft: true,
        cellAlign: 'right',
        groupCells: true
    }

    return (
        <Carousel className="slider-wrap" options={carouselOptions}>
            {
                sampleCarousel.map((img, index) => (
                    <div className="item" key={index}>
                        <img src={img} alt="RSSR LOGO"/>
                    </div>
                ))
            }
        </Carousel>
    )
}

export default MyCarousel;