Le composant Marquee est un magnifique scroller pour React qui permet au contenu de défiler automatiquement, similaire à la balise Marquee en HTML. Il prend en charge les directions de défilement horizontales et verticales et peut faire disparaître le contenu lorsqu'il défile hors des limites.
1. Installez et importez le composant Marquee.
# NPM
$ npm install @devnomic/marquee
import { Marquee } from "@devnomic/marquee";
import "@devnomic/marquee/dist/index.css";
2. Ajoutez votre contenu défilant au composant Marquee.
<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>
Voir sur GitHub : https://github.com/devnomic/marquee