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>

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) .