Menu

Usa el playground para configurar las decisiones mas comunes del menu. El slot activador propaga los bindings de clic, teclado y ARIA mediante attrs, mientras v-model expone el estado de apertura actual.

Prefiere el slot nombrado activator para mantener juntos el activador y el menu. Usa la prop activator con un ref de elemento cuando otro componente sea propietario del activador; los selectores estan disponibles para objetivos DOM estables.

Define el borde preferido con origin y luego aplica offsetX y offsetY. El menu puede cambiar al lado con mas espacio, mientras checkOffset mantiene la superficie dentro del viewport.

Por defecto, el menu acomoda tanto su activador como su contenido. Usa fitContent para el ancho intrinseco, fullWidth para igualar el activador o dimensiones explicitas cuando el diseno requiera una superficie fija.

Los menus usan la transicion fade por defecto, por lo que puedes omitir la prop. Define transition="scale" cuando la superficie deba crecer desde su origen al aparecer.

Controla la visibilidad con v-model. Configura el cierre por seleccion con closeOnContentClick, impide la apertura con disableMenu o llama los metodos expuestos para flujos dirigidos por la aplicacion.

Compone EMenu con EList para acciones compactas. Para filtros, pickers u otro contenido de varios pasos, manten el overlay abierto y cierralo explicitamente al completar la tarea.

Los menus anidados forman una rama de overlays compartida. Cada hijo recibe la siguiente capa, la interaccion exterior cierra las ramas no relacionadas y Escape cierra primero el menu abierto superior.

Los bindings del activador sincronizan aria-haspopup, aria-expanded, aria-controls y el estado deshabilitado. Enter, Space o Flecha abajo abren el menu; Escape cierra la capa superior y el foco regresa al activador.

Consulta las props publicas verificadas de EMenu. Los eventos, slots y metodos expuestos se resumen despues de la tabla.