Dot Pattern
Installation
npx shadcn@latest add "https://magicui.design/r/dot-pattern"Examples
Linear Gradient
Dot Pattern
Props
Dot Pattern
| Prop | Type | Description | Default |
|---|---|---|---|
| width | any | Width of the dot pattern | 16 |
| height | any | Height of the dot pattern | 16 |
| x | any | X position of the dot | 0 |
| y | any | Y position of the dot | 0 |
| cx | any | X position of the circle | 1 |
| cy | any | Y position of the circle | 1 |
| cr | any | Radius of the circle | 1 |
| className | string | Class name of the dot pattern | - |