# Glass Panel

Vidro fosco com borda em degradê, acesa nos cantos, e grão opcional. O cartão pra pôr sobre foto ou fundo com forma.

- Nome no registry: `glass-panel`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/glass-panel
- Categorias: conteudo, vidro, fosco, superficie, card

## Quando usar

- Use quando: Cartão ou painel sobre foto, vídeo ou gradiente, em landing ou tela de produto
- Evite quando: Fundo liso, onde o fosco não tem o que borrar: um card comum; lista de dados densa

## Instalar

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

## Usar

```tsx
<GlassPanel />
```

## API

### GlassPanel

Vidro fosco com borda em degradê: acesa num canto, quase apagada no meio, volta no canto oposto. Só faz sentido sobre algo com forma e cor; sobre fundo liso o blur não tem o que borrar e a peça vira um retângulo cinza.

- `grain?: boolean = false` — Grão por cima do fosco: é o que tira a cara de CSS numa superfície grande.