隆重推出 Magic UI Pro - 50+ 区块和模板,在几分钟内构建精美的着陆页。

命令面板

搜索要运行的命令...

文档
涟漪按钮

涟漪按钮

一个带有涟漪动画的按钮,有助于提升用户参与度。

安装

用法

import { RippleButton } from "@/components/magicui/ripple-button";
<RippleButton>Ripple Button</RippleButton>

属性

属性类型默认值描述
childrenReact.ReactNode-按钮的内容。
classNamestring-按钮的额外类名。
rippleColorstring-仅用于涟漪波浪颜色的 RGB 值。
持续时间string-单次涟漪的时间跨度。

鸣谢