HTML <marquee>
s, the React way (with some handy control features).
Via npm
npm install -S react-marquease
Via Yarn
yarn add react-marquease
import Marquee from 'react-marquease'
const ExampleComponent = () => (
<Marquee>
<p>Scrolly text, moving through, my browser window, moving smooth.<p>
</Marquee>
)
reverse
- Reverse the direction of theMarquee
. (Scroll left to right)pause
- PauseMarquee
scrollingspeed
- Modifies theduration
of the web animation asMarquee
scrolls through the viewport. (Default:1
)ref
- References the outermostdiv
of the component....rest
- Applied to outermostdiv
of the component.
MIT ยฉ RyanHefner