复古网格
安装
用法
import { RetroGrid } from "@/components/magicui/retro-grid";<div className="relative h-[500px] w-full overflow-hidden">
<RetroGrid />
</div>属性
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
className | string | - | 网格容器的额外 CSS 类 |
angle | number | 65 | 网格的旋转角度（度） |
cellSize | number | 60 | 网格单元格大小（像素） |
opacity | number | 0.5 | 网格不透明度（0到1之间的值） |
lightLineColor | string | "gray" | 浅色模式下的网格线颜色 |
darkLineColor | string | "gray" | 深色模式下的网格线颜色 |