Interactive Grid Pattern
Installation
npx shadcn@latest add "https://magicui.design/r/interactive-grid-pattern"Examples
Colorful
Interactive Grid Pattern
Props
| Prop | Type | Description | Default |
|---|---|---|---|
| width | number | Width of each square in the grid | 40 |
| height | number | Height of each square in the grid | 40 |
| squares | [number, number] | Number of squares in the grid. First number is horizontal squares, second is vertical squares | [24,24] |
| className | string | Class name applied to the grid container | - |
| squaresClassName | string | Class name applied to individual squares in the grid | - |