Marquee
displayInfinite horizontal or vertical scrolling marquee for logos, testimonials, etc.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { Marquee } from "@launchapp/design-system";Examples
Logo marquee
<Marquee pauseOnHover> {["Acme", "Globex", "Initech", "Umbrella", "Stark Industries"].map((name) => ( <div key={name} className="mx-8 text-sm font-semibold text-muted-foreground">{name}</div> ))}</Marquee>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | React.ReactNode | — | Items to scroll. |
direction | "left" | "right" | "up" | "down" | "left" | Scroll direction. |
speed | number | 30 | Animation duration in seconds. |
pauseOnHover | boolean | true | Pause scrolling on hover. |