# Glass Switch

Interruptor com polegar de vidro: o ligado aparece refratado através dele, em --brand.

- Nome no registry: `glass-switch`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/glass-switch
- Categorias: controles, vidro, switch, toggle, formulario

## Quando usar

- Use quando: Liga e desliga sobre foto ou vídeo, em painel flutuante ou tela de produto
- Evite quando: Sem vidro, com a bolinha escorrendo como gota: liquid-toggle; formulário comum, switch

## Instalar

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

## Usar

```tsx
<GlassSwitch />
```

## API

### GlassSwitch

Interruptor com polegar de vidro. O ligado se lê pelo preenchimento em `--brand`, que aparece refratado através do polegar, e pela posição: nunca pela cor sozinha. Para o interruptor sem vidro, cuja bolinha escorre como gota, use `liquid-toggle`.

- `aria-label: string` — Obrigatório: um interruptor sozinho não diz o que liga.
- `checked?: boolean`
- `defaultChecked?: boolean = false`
- `onCheckedChange?: (checked: boolean) => void`