Overlay

Context Menu

Menu de contexto ativado por clique direito.

Uso

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

html

<y-context-menu>  <div slot="trigger" style="padding: 2rem; border: 1px dashed currentColor; border-radius: 0.5rem;">Clique direito aqui</div>  <y-dropdown-item>Copiar</y-dropdown-item>  <y-dropdown-item>Colar</y-dropdown-item></y-context-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/context-menu.js';

Acessibilidade

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