霓虹渐变卡片
安装
用法
import { NeonGradientCard } from "@/components/magicui/neon-gradient-card";
<NeonGradientCard>
<div className="p-4">
<p>Hello</p>
<span>Hover me</span>
</div>
</NeonGradientCard>
属性
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
className | string | - | 要应用于组件的类名 |
children | ReactNode | - | 子元素 |
borderSize | number | 5 | 边框大小 |
borderRadius | number | 20 | 半径大小 |
neonColors | 对象 | { firstColor: "#ff00aa", secondColor: "#00FFF1" } | 霓虹渐变颜色 |