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