npm.io
0.2.0 • Published 1 year ago

react-marquease

Licence
MIT
Version
0.2.0
Deps
0
Size
33 kB
Vulns
0
Weekly
0
Stars
1
SummaryDependencyVersions

react-marquease

npm NPM npm Coveralls github codecov CircleCI Known Vulnerabilities Twitter Follow

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
  • reverse - Reverse the direction of the Marquee. (Scroll left to right)
  • pause - Pause Marquee scrolling
  • speed - Modifies the duration of the web animation 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

Keywords

reactmarqueemarqueeshtmlscrollscrollingtextanimationcomponentreact-component