# Grid Dots

Malha de pontos de fundo, o papel milimetrado que dá profundidade sem competir.

- Nome no registry: `grid-dots`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/grid-dots
- Categorias: efeitos, fundo, grid

## Quando usar

- Use quando: Fundo parado de malha de pontos que dá profundidade sem competir com o conteúdo
- Evite quando: Fundo que reage ao ponteiro: spring-dots; textura animada, turbulence-field ou shader-voronoi

## Instalar

```bash
npx shadcn@latest add @visant/grid-dots
```

## Usar

```tsx
<GridDots
  dotSize={1.4}
  opacity={0.16}
  spacing={18}
  spotlight={150}
  spotlightOpacity={0.9}
/>
```

## API

### GridDots

Malha de pontos de fundo — o "papel milimetrado" das telas de ferramenta.

- `className?: string`
- `dotSize?: number = 1.5` — Raio do ponto, em px.
- `opacity?: number = 0.07` — 0–1. Acima de ~0.1 vira ruído.
- `spacing?: number = 20` — Distância entre pontos, em px.
- `spotlight?: number` — Raio em px do halo que segue o ponteiro. Sem isto a malha é estática — que continua sendo o uso certo em superfície de trabalho.
- `spotlightOpacity?: number = 0.55` — 0–1. Alpha dos pontos acesos dentro do halo.