安装
用法
import { AnimatedGridPattern } from "@/components/magicui/animated-grid-pattern";<AnimatedGridPattern />属性
GridPattern
| 属性 | 类型 | 默认值 | 描述 |
|---|---|---|---|
className | string | - | 要添加到图案的额外类 |
宽度 | number | 40 | 图案宽度 |
高度 | number | 40 | 图案高度 |
x | number | -1 | 图案的X轴偏移 |
y | number | -1 | 图案的Y轴偏移 |
strokeDasharray | number | 0 | 图案的描边虚线数组 |
numSquares | number | 200 | 图案中的方格数量 |
maxOpacity | number | 0.5 | 图案的最大不透明度 |
持续时间 | number | 1 | 动画持续时间 |
repeatDelay | number | 0.5 | 动画的重复延迟 |