安装
使用
import { ShimmerButton } from "@/components/magicui/shimmer-button";<ShimmerButton>Shimmer Button</ShimmerButton>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
shimmerColor | string | #ffffff | 闪烁光的颜色 |
shimmerSize | string | 0.05em | 闪烁光的大小 |
borderRadius | string | 100px | 按钮的边框圆角 |
shimmerDuration | string | 3s | 火花动画的持续时间 |
background | string | rgba(0, 0, 0, 1) | 按钮的背景 |
className | string | undefined | 按钮的类名 |
children | React.ReactNode | undefined | 按钮的子元素 |
鸣谢
感谢 @jh3yy 对此组件的启发。