LayoutMenu

Video tutorial

1. Demo AstrolLayoutMenu

Nota
AstrolLayoutMenu es un componente Blazor que prevé reemplazar el contenido de MainLayout en su totalidad.

@using Astrol.Component.Basic.Layout
@using Astrol.Entities.Basic.UI
<AstrolLayoutMenu Style="AstrolTheme.Yellow" Outline="true">
 <Top>
 <b>Options</b>
 </Top>
 <Menu>
 <b>Menu</b>
 </Menu>
 <Body>
 <div style="padding:20px;">
 @Body
 </div>
 </Body>
</AstrolLayoutMenu>

Parámetros que admite

  • Class (string), clase de estilo css personalizada (no requerida).
  • MinWidth (int), ancho mínimo (px) de la página (por defecto es 768).
  • WidthMenu (int), ancho del menú (px) (por defecto es 280).
  • HeightTop (int), alto de la barra superior (px) (por defecto es 50).
  • Top (RenderFragment), contenido a mostrar en la barra superior.
  • Menu (RenderFragment), contenido a mostrar en el menú.
  • Body (RenderFragment), contenido a mostrar en el cuerpo de la página.
  • Outline (bool), permite definir si el tema es claro o oscuro (por defecto es true).
    • true (tema claro)
    • false (tema oscuro)
  • Style (AstrolTheme), define color del tema (por defecto es AstrolStyle.Yellow).
    • Yellow (enum)
    • Orange (enum)
    • Green (enum)
    • Blue (enum)
    • Red (enum)
    • Purple (enum)
  • ShowSetMode (bool), mostrar opción para cambiar el modo: claro, oscuro (por defecto es false).
  • OnChangeMode (EventCallback<bool>), evento que se detona cuando el usuario cambia el modo: claro, oscuro (usted es responsable de almacenar el nuevo modo si desea el valor se mantenga en caso de recargar la página) .
© 2026 AstrolUI v10.0.8
Se ha producido un error no controlado. Recargar 🗙