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-text-marquee with all npm packages installed. Try it out:

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

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

react-text-marquee v1.0.1

A <marquee> component for react.

react-text-marquee

Downloads Downloads npm version dependencies dev dependencies License

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.

  • Type: String
  • Default: ""

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.

  • Type: Number
  • Default: 0

trailing

The trailing waiting time for the marquee to start over.

  • Type: Number
  • Default: 0

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