Overlay
Popover
Conteúdo flutuante acionado por clique.
Uso
Use o elemento <y-popover> no seu HTML:
html
<y-popover> <y-button slot="trigger">Opções</y-button> <div>Conteúdo do popover</div></y-popover>Exemplos
Padrão
Padrão
Propriedades
| Propriedade | Tipo | Padrão | Descrição |
|---|---|---|---|
open | boolean | false | Controla visibilidade |
side | "top" | "bottom" | "left" | "right" | "bottom" | Posição |
Importação
Importe todos os componentes ou apenas este:
typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/popover.js';Acessibilidade
- Suporta navegação por teclado
- Utiliza atributos ARIA apropriados
focus-visiblepara indicação de foco