登录
输入您的凭据以访问您的账户
安装
用法
import { MagicCard } from "@/registry/magicui/magic-card";<MagicCard>
<div className="p-4">
<p>Hello World</p>
<span>Hover me</span>
</div>
</MagicCard>属性
MagicCard
| 属性名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
children | React.ReactNode | - | 卡片内部要渲染的内容 |
className | string | - | 要应用于卡片的额外 CSS 类 |
gradientSize | number | 200 | 渐变效果的大小 |
gradientColor | string | #262626 | 渐变效果的颜色 |
gradientOpacity | number | 0.8 | 渐变效果的不透明度 |
gradientFrom | string | #9E7AFF | 渐变边框的起始颜色 |
gradientTo | string | #FE8BBB | 渐变边框的结束颜色 |