@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.tsx";
<Marquee>
<span>Next.js</span>
<span>React</span>
<span>TypeScript</span>
<span>Tailwind CSS</span>
</Marquee>
属性
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
className | string | - | 要应用于组件的类名。 |
reverse | boolean | false | 是否反转跑马灯的方向。 |
pauseOnHover | boolean | false | 当用户悬停在组件上时是否暂停跑马灯。 |
vertical | boolean | false | 是否垂直显示跑马灯。 |
children | node | - | 要在跑马灯中显示的内容。 |
repeat | number | 1 | 内容重复的次数。 |