Dynamic Marquee React

A component for React.

Uses "dynamic-marquee" under the hood.

Features:

- You can change the rate on the fly.
- Direction can either be up/down or right/left.
- Width/height of items and container is allowed to change.

Demo


or view a deployed demo.

View the code in "demo".

Installation

``
npm install --save dynamic-marquee-react
`

Usage

`jsx
import React from 'react';
import { Marquee } from 'dynamic-marquee-react';

export default function MyMarquee() {
return (

Item 1

Item 2

Item 3

);
}
`

There are also the following props:

- rate: pixels/s. _Default: -25_
- upDown: Switch the direction to up/down instead of left/right. If this is enabled make sure your container has a height set. _Default: false_
- startOnScreen: Start with the marquee full of items. _Default: false`_