JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 505
  • Score
    100M100P100Q101493F
  • License MIT

Scrolling text / marquee component for React

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

Demo

Build Status TypeScript

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