1. Demo AstrolDropdown

Con Text es un botón secundario con flecha; sin texto es un botón de icono discreto («⋮»), ideal al final de una fila o de una tarjeta. El menú se pinta en la capa superior del navegador, así que no lo recortan grids, modales ni contenedores con scroll. Teclado: Intro, Espacio o Flecha abajo lo abren, las flechas recorren las opciones y Esc lo cierra.

@using Astrol.Component.Basic.Dropdown

<AstrolDropdown Text="Actions" Icon="astrol-cog" Align="AstrolDropdownAlign.Start">

 <AstrolDropdownItem Text="Edit" Icon="astrol-pencil" Shortcut="Ctrl+E" OnClick="Edit" />

 <AstrolDropdownItem Text="Duplicate" Icon="astrol-clone" OnClick="Duplicate" />

 <AstrolDropdownItem Text="Archive" Icon="astrol-archive" Disabled="true" />

 <AstrolDropdownSeparator />

 <AstrolDropdownItem Text="Delete" Icon="astrol-trash" Danger="true" OnClick="Delete" />

</AstrolDropdown>

@* Without Text: icon-only button (⋮), e.g. at the end of a row. AriaLabel names it. *@

<AstrolDropdown AriaLabel="Row actions">

 <AstrolDropdownItem Text="View" Icon="astrol-eye" OnClick="View" />

 <AstrolDropdownItem Text="Send email" Icon="astrol-mail" Href="mailto:juan@example.com" />

 <AstrolDropdownSeparator Title="Danger zone" />

 <AstrolDropdownItem Text="Delete" Icon="astrol-trash" Danger="true" OnClick="Delete" />

</AstrolDropdown>

Parámetros que admite

AstrolDropdown

• Text (string), texto del botón; sin texto el botón es solo un icono.
• Icon (string), icono del botón (sin texto, por defecto astrol-ellipsis-vert).
• AriaLabel (string), texto accesible del botón y del menú (imprescindible si es solo un icono; por defecto "Más acciones").
• Align (AstrolDropdownAlign), End (por defecto) alinea el menú con el borde derecho del botón; Start, con el izquierdo.
• ShowChevron (bool), flecha junto al texto (por defecto true).
• Disabled (bool), Class y ButtonClass (string).
• OnToggle (EventCallback<bool>), al abrirse (true) y al cerrarse (false); IsOpen, OpenAsync() y CloseAsync() desde código.

AstrolDropdownItem

• Text (string) o ChildContent, Icon (string) y Shortcut (string), p. ej. "Ctrl+E".
• OnClick (EventCallback), o Href (string) y Target para que sea un enlace.
• Disabled (bool), Danger (bool) (en rojo) y KeepOpen (bool) (no cierra el menú).

AstrolDropdownSeparator: línea entre grupos; con Title, además un título de grupo.