Infinite auto-scrolling container that runs smoothly at high frame rates.
Animation speed (represented as pixels per second/rate)
Direction in which the marquee scrolls
Pause the scrolling motion when hovering
Gap in pixels between children items
import { Marquee } from "nexoreui"
<Marquee />| Property | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content inside the marquee. |
| speed | number | 40 | Scrolling velocity multiplier. |
| direction | "left" | "right" | "left" | Scroll direction. |
| pauseOnHover | boolean | true | Whether scrolling pauses on cursor hover. |
| gap | number | 16 | Gap in pixels between children. |