Overlay

Dropdown Menu

Menu dropdown com itens de ação.

Uso

Use o elemento <y-dropdown-menu> no seu HTML:

html

<y-dropdown-menu>  <y-button slot="trigger" variant="outline">Ações</y-button>  <y-dropdown-item>Editar produto</y-dropdown-item>  <y-dropdown-item>Duplicar</y-dropdown-item>  <y-dropdown-separator></y-dropdown-separator>  <y-dropdown-item>Excluir</y-dropdown-item></y-dropdown-menu>

Exemplos

Padrão

Importação

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/dropdown.js';

Acessibilidade

Suporta navegação por teclado
Utiliza atributos ARIA apropriados
focus-visible para indicação de foco