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