knowankit / react-smart-carousel

🪟 A smart carousel that remembers how you slid the image.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-smart-carousel

NPM JavaScript Style Guide

Trello clone

Twitter: Ankit Kumar

Install

npm install --save react-smart-carousel

If you prefer to use yarn, you can do:

yarn add react-smart-carousel

Usage

import React, { Component } from 'react'

import { ReactSmartCarousel } from 'react-smart-carousel'
import 'react-smart-carousel/dist/index.css'

import one from './images/1.jpg'
import two from './images/2.jpg'
import three from './images/3.jpg'
import four from './images/4.jpg'
import five from './images/5.jpg'
import six from './images/6.jpg'

const Example = () =>  {
    return <ReactSmartCarousel images={[one, two, three, four, five, six]} />
}

Props

  • images - An array of images

Demo

Live preview

Other interesting repositories

License

MIT © knowankit

About

🪟 A smart carousel that remembers how you slid the image.


Languages

Language:TypeScript 56.9%Language:CSS 23.9%Language:HTML 19.2%