https://github.com/nabaraj/react-carousel-library

Carousel component using reactjs
https://github.com/nabaraj/react-carousel-library

carousel carousel-component es6-javascript html5 javascript npm-package reactjs sass webpack

Last synced: 3 months ago
JSON representation

Carousel component using reactjs

• Host: GitHub
• URL: https://github.com/nabaraj/react-carousel-library
• Owner: nabaraj
• License: mit
• Created: 2019-08-12T11:33:47.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T08:39:01.000Z (over 2 years ago)
• Last Synced: 2025-03-18T13:04:38.017Z (3 months ago)
• Topics: carousel, carousel-component, es6-javascript, html5, javascript, npm-package, reactjs, sass, webpack
• Language: JavaScript
• Size: 1.11 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Carousel Component

[![GitHub issues](https://img.shields.io/github/issues/nabaraj/react-carousel-library)](https://github.com/nabaraj/react-carousel-library/issues)[![GitHub forks](https://img.shields.io/github/forks/nabaraj/react-carousel-library)](https://github.com/nabaraj/react-carousel-library/network)[![GitHub stars](https://img.shields.io/github/stars/nabaraj/react-carousel-library)](https://github.com/nabaraj/react-carousel-library/stargazers)[![GitHub license](https://img.shields.io/github/license/nabaraj/react-carousel-library)](https://github.com/nabaraj/react-carousel-library/blob/master/LICENSE)

Install React Carousel Component by

```

npm i react-carousel-library

```

Then add carousel like below example.

```

        

        

        

        

```

This carousel currently have two view options “fullScreen” and “grid”

There are some options to control display and functionality from parent components as props they are :

```

autoScroll={false} (enable disable autoscroll)

showArrowBg={true} enable arrowbox (may be this option we can replace)

sliderType=”grid” (type of slide fullscreen or grid to control the slider)

classes=”” To add class

```

I have written a step by step guideline to write this carousel [here](https://dev.to/nabaraj/build-reactjs-carousel-part1-1gjd)