安装
示例
线性渐变
虚线描边
用法
import { GridPattern } from "@/components/magicui/grid-pattern";<div className="relative h-[500px] w-full overflow-hidden">
<GridPattern />
</div>属性
GridPattern
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
width | number | 40 | 图案宽度 |
height | number | 40 | 图案高度 |
x | number | -1 | 图案 X 轴偏移 |
y | number | -1 | 图案 Y 轴偏移 |
正方形 | number | [] | 填充正方形的 X Y 坐标（二维数组） |
strokeDasharray | string | 0 | 图案的虚线数组 |