Loading...
Installation
Examples
Vertical
Loading...
3D
Loading...
Usage
import { Marquee } from "@/components/magicui/marquee";<Marquee>
<span>Next.js</span>
<span>React</span>
<span>TypeScript</span>
<span>Tailwind CSS</span>
</Marquee>Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | The class name to apply to the component. |
reverse | boolean | false | Whether or not to reverse the direction of the marquee. |
pauseOnHover | boolean | false | Whether or not to pause the marquee when the user hovers over the component. |
vertical | boolean | false | Whether or not to display the marquee vertically. |
children | node | - | The content to display in the marquee. |
repeat | number | 4 | The number of times to repeat the content. |
