# Color Picker

Seletor de cor de editor: arraste no campo e na matiz, digite o valor exato, pegue uma cor da tela ou use as amostras da marca.

- Nome no registry: `color-picker`
- Tipo: componente
- Dependências npm: lucide-react, react-colorful
- Demo: https://ui.visantlabs.com/c/color-picker
- Categorias: controles, cor, seletor, hex, conta-gotas, paleta, editor

## Quando usar

- Use quando: Escolher uma cor livre num editor, tema ou painel de marca
- Evite quando: Escolher entre poucas cores fixas: chip; ajustar um número: scrub-input

## Instalar

```bash
npx shadcn@latest add @visant/color-picker
```

## Usar

```tsx
<ColorPicker />
```

## API

### ColorPicker

- `onChange: (cor: string) => void`
- `value: string` — A cor atual, em hex de seis dígitos.
- `eyedropper?: boolean = true` — Mostra o conta-gotas nos navegadores que têm a API.
- `label?: string = "Cor"` — Nome do campo para leitor de tela.
- `swatches?: string[]` — Atalhos, como a paleta da marca. Sem isto, a fileira não aparece.