Docs
Dot Pattern
Dot Pattern
A background dot pattern made with SVGs, fully customizable using Tailwind CSS.
Dot Pattern
Installation
npx nyxbui@latest add dot-patternExamples
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 | - |