Package Exports
- react-css-marquee
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-css-marquee) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
React CSS Marquee
Bringing back that sweet scrolling HTML Marquee element. In React with CSS @keyframes for animations. Uses hooks to detect window size so React >16.8.
How to
Install
yarn add react-css-marqueeUse
import Marquee from 'react-css-marquee'
...
<Marquee text="Your scrolling text here..." />Styling
Pass inline styles with the styles prop or use the CSS default classes react-marquee__container and react-marquee__text. You can also pass your own CSS namespace.
Props
| Prop | Example |
|---|---|
text: string |
Your marquee text |
direction: string |
left | right |
size: number |
200 |
styles: object |
Inline CSS |
speed: number |
5 |
namespace: string |
Pass own CSS namespace |