react-css-marquee

React CSS Marquee

Demo

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