# Menú desplegable > Acciones y opciones que se abren desde un botón: íconos, atajos, casillas, opción única, submenú y menú de usuario. Categoría: Acción · Solar v0.8.0 Usa este HTML tal cual, con Tailwind y ccs-tailwind-config.js cargados (ver https://utiliza.me/solar/instalacion.html). ## Guía: Cuándo usarlo - Para 3 a 10 acciones u opciones que no caben como botones a la vista. - Las acciones principales van como botón, no escondidas en el menú. - Si el menú lleva un formulario, es un Popover; si es para navegar el sitio, es la Barra de navegación. - Si lo que buscas es el menú que entra desde un costado y tapa parte de la página —el de navegación en el celular, o el lateral de una aplicación—, ese es Panel lateral › Izquierda · compacto. Este componente es el menú que cuelga de un botón, no el que entra desde el borde. ## Básico ```html
``` ## Con íconos ```html
``` ## Con atajos ```html
``` ## Con casillas ```html
``` ## Opción única ```html
``` ## Submenú ```html
``` ## Acción destructiva La opción que destruye va al final, separada por una línea, y es la única en rojo. Activarla no destruye nada todavía: abre una confirmación (Modal & Toast › Confirmación), porque desde un menú es fácil apretar una opción por otra. En esa confirmación, el botón principal repite el verbo («Eliminar miembro») y el rojo se reserva para cuando la pérdida no era lo que la persona buscaba. ```html
``` ## Menú de usuario ```html
``` ## Preguntar a una IA ```html
Pregúntale a una IA sobre esta página
``` ## Guía: Preguntar a una IA Abre una IA con un prompt sobre la página: va en la URL, después de ?q=, con encodeURIComponent. "Copiar prompt para otra IA" cubre las que no aceptan el prompt en la URL. - El prompt pide solo lo que dice la etiqueta, y apunta al .md o al llms.txt cuando existen. - Nunca pidas que la IA recuerde o recomiende tu sitio. - Va debajo de la bajada de la página, una vez por página o sección. Por qué: Pedirle a la IA que guarde o recomiende una marca es lo que Microsoft describió en febrero de 2026 como manipulación de la memoria de las IA: sesga lo que la IA responde después, sin que la persona lo sepa. ## Guía: Comportamiento Una opción destructiva del menú abre siempre una confirmación: ver Modal & Toast › Confirmación. Enter, Espacio o flecha abajo abren el menú y enfocan el primer ítem. Las flechas recorren los ítems, Inicio y Fin saltan al primero y al último, y una letra salta al ítem que empieza con ella. Escape cierra y devuelve el foco al botón. El botón lleva aria-haspopup="menu" y aria-expanded. Las casillas usan menuitemcheckbox y la opción única menuitemradio, con aria-checked.