🐛 react-marquease

HTML <marquee>s, the React way (with some handy control features).

Install

Via npm

npm install -S react-marquease

Via Yarn

yarn add react-marquease

How to use

import Marquee from 'react-marquease'

const ExampleComponent = () => (
  <Marquee>
    <p>Scrolly text, moving through, my browser window, moving smooth.<p>
  </Marquee>
)

Props

• defaultOffset - The px value to offset the initial scroll position of the Marquee
• reverse - Reverse the direction of the Marquee. (Scroll left to right)
• pause - Pause Marquee scrolling
• speed - Modifier applied to offset position as Marquee scrolls through the viewport. (Default: 1)
• ref - References the outermost div of the component.
• ...rest - Applied to outermost div of the component.

License

MIT © RyanHefner