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
scrolling -
speed
- 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.