# Textura Watch

Grade de mostradores de relógio cujos ponteiros apontam para o cursor. O curto chega atrasado, como hora.

- Nome no registry: `textura-watch`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/textura-watch
- Categorias: efeitos, textura, webgl, fundo, ponteiro, relogio, grade

## Quando usar

- Use quando: Fundo de hero lúdico com uma grade de relógios que apontam pro cursor, em landing de produto ou evento
- Evite quando: Olhos que seguem o cursor: textura-gaze; traços finos alinhados ao campo, textura-magnet

## Instalar

```bash
npx shadcn@latest add @visant/textura-watch
```

## Usar

```tsx
<TexturaWatch />
```

## API

### TexturaWatch

- `colors?: string[]` — Paradas: fundo, mostrador, ponteiro longo e ponteiro curto. Qualquer cor CSS ou token.
- `rows?: number = 4` — Quantos mostradores cabem na altura.
- `trail?: number = 60` — Quanto o ponteiro curto se atrasa atrás do longo.
- `weight?: number = 40` — Espessura dos ponteiros.