# Vintage XY Pad

Campo de dois eixos para controlar dois parâmetros num gesto só.

- Nome no registry: `vintage-xy-pad`
- Tipo: componente
- Dependências npm: react
- Demo: https://ui.visantlabs.com/c/vintage-xy-pad
- Categorias: controles, audio, gesto

## Quando usar

- Use quando: Controlar dois parâmetros juntos num gesto só, como filtro e ressonância, em app de áudio
- Evite quando: Um parâmetro só: vintage-knob ou vintage-slider

## Instalar

```bash
npx shadcn@latest add @visant/vintage-xy-pad
```

## Usar

```tsx
<VintageXYPad
  color="var(--vintage-accent)"
  labelX="FREQ"
  labelY="GLOW"
/>
```

## API

### VintageXYPad

- `className?: string`
- `color?: string = "var(--vintage-light)"`
- `labelX?: string = "X"`
- `labelY?: string = "Y"`
- `onChange?: (x: number, y: number) => void`
- `size?: number = 160`
- `value?: { x: number; y: number; }`