# Glass Slider

Slider cuja lente de vidro refrata o fundo enquanto anda. Volume, brilho ou qualquer nível sobre imagem.

- Nome no registry: `glass-slider`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/glass-slider
- Categorias: controles, vidro, slider, volume, brilho, lente

## Quando usar

- Use quando: Nível contínuo sobre foto ou vídeo, como volume ou brilho em player e painel de casa
- Evite quando: Slider em formulário comum: elastic-slider; projeção com conta, sim-slider

## Instalar

```bash
npx shadcn@latest add @visant/glass-slider
```

## Usar

```tsx
<GlassSlider />
```

## API

### GlassSlider

Slider de vidro cuja lente refrata o fundo. Três decisões que não se veem:

- `label: string` — Nome para leitor de tela.
- `className?: string`
- `defaultValue?: number = 50`
- `format?: (value: number) => string` — Como o número aparece: `(v) => \`${v}%\``.
- `icon?: (value: number) => any` — Ícone à esquerda do número; recebe o valor pra trocar de desenho conforme o nível.
- `max?: number = 100`
- `min?: number = 0`
- `onChange?: (value: number) => void`
- `step?: number = 1`
- `value?: number`