https://github.com/charlesstover/react-quotes-carousel

A quotes carousel for React.
https://github.com/charlesstover/react-quotes-carousel

babel babeljs carousel css enzyme es6 javascript jest js mocha npm npm-package npmjs react reactjs sass travis travis-ci travisci webpack

Last synced: 9 months ago
JSON representation

A quotes carousel for React.

• Host: GitHub
• URL: https://github.com/charlesstover/react-quotes-carousel
• Owner: CharlesStover
• License: mit
• Archived: true
• Created: 2018-08-06T01:51:15.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-02-12T05:29:24.000Z (over 4 years ago)
• Last Synced: 2024-09-27T12:22:05.604Z (over 1 year ago)
• Topics: babel, babeljs, carousel, css, enzyme, es6, javascript, jest, js, mocha, npm, npm-package, npmjs, react, reactjs, sass, travis, travis-ci, travisci, webpack
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/react-quotes-carousel
• Size: 972 KB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Quotes Carousel for React [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Add%20a%20beautiful%20quotes%20carousel%20to%20your%20React%20application.%20pic.twitter.com/Mdv1V6L8Ih&url=https://github.com/CharlesStover/react-quotes-carousel&via=CharlesStover&hashtags=react,reactjs,javascript,webdev,webdeveloper,webdevelopment)

`react-quotes-carousel` is a dependency-free quotes carousel for React!

[![version](https://img.shields.io/npm/v/react-quotes-carousel.svg)](https://www.npmjs.com/package/react-quotes-carousel)

[![minified size](https://img.shields.io/bundlephobia/min/react-quotes-carousel.svg)](https://www.npmjs.com/package/react-quotes-carousel)

[![minzipped size](https://img.shields.io/bundlephobia/minzip/react-quotes-carousel.svg)](https://www.npmjs.com/package/react-quotes-carousel)

[![downloads](https://img.shields.io/npm/dt/react-quotes-carousel.svg)](https://www.npmjs.com/package/react-quotes-carousel)

[![build](https://api.travis-ci.com/CharlesStover/react-quotes-carousel.svg)](https://travis-ci.com/CharlesStover/react-quotes-carousel/)

[![screenshot](https://user-images.githubusercontent.com/343837/44218050-7d7a2000-a13e-11e8-9fde-a64fc804262d.gif)](https://www.npmjs.com/package/react-quotes-carousel)

## Install

* `npm install react-quotes-carousel --save` or

* `yarn add react-quotes-carousel`

## Props

* animationDuration (optional)

  The duration of the sliding animation, in milliseconds. Default: `1500`

* className (optional)

  A CSS class name for the root element that contains the slider.

* delay (optional)

  The delay before sliding to the next quote, in milliseconds. Default: `5000`

* quotes

  An array of quotes to display in the slider.

  Each quote should be in the format:

```

interface Quote {

  author: string;

  company: string;

  image: string;

  quote: string;

}

```

* shuffle (optional)

  Shuffles the quotes before rendering them. Default: `false`

## Sponsor 💗

If you are a fan of this project, you may

[become a sponsor](https://github.com/sponsors/CharlesStover)

via GitHub's Sponsors Program.