@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jane
我无言以对。这太棒了。我喜欢它。
@jenny
我无言以对。这太棒了。我喜欢它。
@james
我无言以对。这太棒了。我喜欢它。
@jane
我无言以对。这太棒了。我喜欢它。
@jenny
我无言以对。这太棒了。我喜欢它。
@james
我无言以对。这太棒了。我喜欢它。
@jane
我无言以对。这太棒了。我喜欢它。
@jenny
我无言以对。这太棒了。我喜欢它。
@james
我无言以对。这太棒了。我喜欢它。
@jane
我无言以对。这太棒了。我喜欢它。
@jenny
我无言以对。这太棒了。我喜欢它。
@james
我无言以对。这太棒了。我喜欢它。
安装
示例
垂直
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
3D
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jack
我以前从未见过这样的东西。太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
@jill
我不知道该说什么。我无话可说。这太棒了。
@john
我无言以对。这太棒了。我喜欢它。
用法
import { Marquee } from "@/components/magicui/marquee";<Marquee>
<span>Next.js</span>
<span>React</span>
<span>TypeScript</span>
<span>Tailwind CSS</span>
</Marquee>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
className | string | - | 应用于组件的类名。 |
反向 | 布尔值 | 否 | 是否反转跑马灯的方向。 |
悬停时暂停 | 布尔值 | 否 | 用户将鼠标悬停在组件上时是否暂停跑马灯。 |
垂直方向 | 布尔值 | 否 | 是否垂直显示跑马灯。 |
children | 节点 | - | 要在跑马灯中显示的内容。 |
重复次数 | number | 1 | 内容重复的次数。 |