登录
输入您的凭据以访问您的账户
安装
示例
单色
登录
输入您的凭据以访问您的账户
用法
import { ShineBorder } from "@/registry/magicui/shine-border";
<div className="relative h-[500px] w-full overflow-hidden">
<ShineBorder />
</div>
属性
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
className | string | - | 应用于组件的类名。 |
持续时间 | number | 14 | 定义应用于闪光边框的动画持续时间。 |
闪光颜色 | 字符串 | 字符串数组 | "#000000" | 边框颜色,可以是单一颜色或颜色数组。 |
边框宽度 | number | 1 | 边框的像素宽度。 |
样式 | React.CSSProperties | - | 应用于组件的附加样式。 |