React CSS Marquee
React marquee component for horizontal and vertical scrolling text (see demo link above for example use cases).
How to
Install
yarn add react-css-marquee
Use
import Marquee from 'react-css-marquee'
...
<Marquee text="Your scrolling text here..." />
Styling
| Default CSS-classes |
|---|
react-css-marquee__container |
react-css-marquee__text |
You can style the components using the default CSS-classes. If you prefer you can also pass your own namespace for CSS classes via props ie. `my-marquee-namespace__container`.
Props
text: string |
cssNamespace?: string |
flip?: boolean |
hoverStop?: boolean |
reverse?: boolean |
size?: number |
spacing?: number |
speed?: number |
vertical?: boolean |