# Menu Una lista de acciones u opciones que aparece al activar un disparador. Mantiene la interfaz compacta y agrupa acciones secundarias relacionadas con el contexto actual. ```tsx Nuevo documento Nueva carpeta )}> Nuevo ``` ## Default ### Disparador y lista El menú combina un trigger visible (botón o icono) con una lista flotante de acciones. Se abre con clic, Enter o Espacio y se cierra al elegir una opción, al perder foco o con Esc. ## Secciones ### Grupos y separadores Cuando el menú agrupa acciones de distinto tipo, usa títulos cortos en mayúsculas pequeñas y separadores entre grupos. Mantén máximo dos o tres secciones por menú. ```tsx Crear Documento Carpeta Acciones Duplicar )}> Más opciones ``` ## Destructiva ### Acciones que no se pueden deshacer Pon las acciones destructivas al final de la lista, separadas por una línea, y márcalas en rojo. Si la acción es irrecuperable, abre un Modal de confirmación al elegirla. ```tsx Renombrar Mover Eliminar )}> Acciones ``` ## Accesibilidad ### Roles y teclado - El disparador usa aria-haspopup="menu" y aria-expanded. - La lista usa role="menu" y cada opción role="menuitem". - Las flechas arriba y abajo navegan; Enter o Espacio activa; Esc cierra y devuelve el foco al disparador. - No anides menús a más de un nivel: pasa a un Modal o página dedicada.