react-text-marquee

A component for react.
Getting Started
Install it via npm or yarn:
npm install --save react-text-marquee
yarn add react-text-marquee
Example
import React, { Component } from 'react';
import Marquee from 'react-text-marquee';
import './App.css';
class App extends Component {
render() {
return (
<div className="App">
<Marquee text="Wow this is really quite a long message but it can be handled by this component just fine" />
</div>
);
}
}
Props
text
The text displayed in marquee.
hoverToStop
By default, only hover makes the marquee move.
- Type: Bool
- Default:
false
loop
Whether or not loop the marquee.
- Type: Bool
- Default:
false
leading
The leading waiting time for the marquee to move.
trailing
The trailing waiting time for the marquee to start over.
License
MIT