Docs
Grid Pattern
Grid Pattern
A background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Installation
pnpm dlx shadcn@latest add "https://designali.in/r/styles/default/grid-pattern"
Simple
Props
| 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 |