# Glass Tabs

Abas em que a seleção é uma lente de vidro andando sobre o trilho, com setas, Home e End.

- Nome no registry: `glass-tabs`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/glass-tabs
- Categorias: controles, vidro, abas, segmentado, navegacao, lente

## Quando usar

- Use quando: Alternar de 2 a 5 opções sobre foto ou vídeo, como barra flutuante ou seletor de modo
- Evite quando: Fundo liso ou claro: segmented-control; muitas opções, morph-select

## Instalar

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

## Usar

```tsx
<GlassTabs />
```

## API

### GlassTabs

Abas em que a seleção é uma lente de vidro andando sobre o trilho. As abas têm largura igual porque a lente tem tamanho fixo: refazer o mapa a cada troca pesaria mais do que a animação vale; o esticar é `scale`, por cima do mapa. Setas, Home e End movem o foco, como numa tablist.

- `items: GlassTabsItem[]`
- `label: string` — Nome do grupo para leitor de tela.
- `className?: string`
- `defaultValue?: string`
- `onChange?: (value: string) => void`
- `value?: string`