Installation
pnpm dlx shadcn@latest add @spell/marqueeExamples
Pause on Hover
Vertical Scroll
Usage
import { Marquee } from "@/registry/spell-ui/marquee";<Marquee>
<div className="mx-6">Content 1</div>
<div className="mx-6">Content 2</div>
<div className="mx-6">Content 3</div>
</Marquee>Props
| Prop | Type | Default |
|---|---|---|
duration | number | 20 |
pauseOnHover | boolean | false |
direction | "left" | "right" | "up" | "down" | "left" |
fade | boolean | true |
fadeAmount | number | 10 |
className | string | - |
children | React.ReactNode | - |
