Description:
The Marquee component is a beautiful scroller for React that allows content to scroll automatically, similar to the Marquee tag in HTML.
It supports both horizontal and vertical scrolling directions and can fade content when it scrolls out of bounds.
How to use it:
1. Install and import the Marquee component.
# NPM $ npm install @devnomic/marquee
import { Marquee } from "@devnomic/marquee";
import "@devnomic/marquee/dist/index.css";2. Add your scrollable content to the Marquee component.
<Marquee
fade={true}
direction="left" // or 'up'
reverse={false}
pauseOnHover={false}
className=""
innerClassName=""
>
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
...
</Marquee>Preview:
