Grid Pattern
Installation
npx shadcn@latest add "https://magicui.design/r/grid-pattern"Examples
Linear Gradient
Grid Pattern
Dashed Stroke
Grid Pattern
Props
GridPattern
| Prop | Type | Description | Default |
|---|---|---|---|
| width | number | Width of the pattern | 40 |
| height | number | Height of the pattern | 40 |
| x | number | X offset of the pattern | -1 |
| y | number | Y offset of the pattern | -1 |
| squares | number | X Y coordinates of filled squares as 2D array | [] |
| strokeDasharray | string | Stroke dash array for the pattern | 0 |