El componente Marquee es un hermoso desplazador para React que permite que el contenido se desplace automáticamente, similar a la etiqueta Marquee en HTML. Admite direcciones de desplazamiento horizontal y vertical y puede desvanecer el contenido cuando se desplaza fuera de los límites.
1. Instale e importe el componente Marquee.
# NPM
$ npm install @devnomic/marquee
import { Marquee } from "@devnomic/marquee";
import "@devnomic/marquee/dist/index.css";
2. Agregue su contenido desplazable al componente 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>
Ver en GitHub: https://github.com/devnomic/marquee