Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including react-marquee with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. var reactMarquee = require("react-marquee")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-marquee v1.0.0

A <marquee> component for React

react-marquee npm version

A plain old <marquee> tag replacement in React component.

Installation

$ npm install --save react-marquee

Usage

var ReactDOM = require('react-dom');
var Marquee = require('react-marquee');

ReactDOM.render(
  <Marquee text="this is a very very very very very very very very very very very very very very very very long text" />
, document.body);

Props

text

Type: String Default: ""

The text displayed in marquee.

hoverToStop

Type: Bool Default: false

By default, only hover makes the marquee move.

loop

Type: Bool Default: false

Whether or not loop the marquee.

leading

Type: Number Default: 0

The leading waiting time for the marquee to move.

trailing

Type: Number Default: 0

The trailing waiting time for the marquee to start over.

Scripts

$ npm run build

License

MIT

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free