Back
Dot Pattern
Satu Visual ComponentNew
A dotted-grid background with a soft radial fade.
Dot Pattern
Installation
Add it with the CLI:
Terminal
$
Or open the Code tab above and copy it in manually — it relies on the standard cn() helper from @/lib/utils.
Usage
Use as a section wrapper; content goes in as children above the dots.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Foreground content. |
| className | string | — | Extra classes (set height here). |
| gap | number | 20 | Spacing between dots, px. |
| size | number | 1 | Dot radius, px. |