Usage no npm install needed!

<script type="module">
  import reactCssMarquee from 'https://cdn.skypack.dev/react-css-marquee';
</script>

README

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`