react-final-marquee v1.0.4

React final marquee

Easy way to use marquee for react

Installation

npm install react-final-marquee
# or
yarn add react-final-marquee

Demo

See Here

Usage

// App.js
import ReactFinalMarquee from "react-final-marquee";

const VertialMarquee = () => {
  return (
    <div className="App">
      <ReactFinalMarquee
        className="marquee-customer-class"
        direction="leftToRight"
        speed="30"
        space="20px"
        repeat="5"
      >
        Lorem Ipsum is simply dummy text of the printing and typesetting
        industry.
      </ReactFinalMarquee>
    </div>
  );
};

const HorizontalMqrquee = () => {
  return (
    <div className="App">
      <ReactFinalMarquee
        className="marquee-customer-class"
        direction="topToBottom"
        speed="30"
        space="20px"
        repeat="5"
      >
        Lorem Ipsum is simply dummy text of the printing and typesetting
        industry.
      </ReactFinalMarquee>
    </div>
  );
};

Props