You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP →

react-text-marquee

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install
r

react-text-marquee

A <marquee> component for react.

1.0.1
latest
73

Supply Chain Security

100

Vulnerability

92

Quality

75

Maintenance

100

License

Version published
Weekly downloads
153
-6.71%
Maintainers
1
Weekly downloads
 
Created
Issues
2

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

FAQs

Package last updated on 08 Jun 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts