MenuAdmin

Video tutorial

1. Demo AstrolMenuAdmin

Note
The component is intended to be used within the template (AstrolLayoutMenu), but it can also be encapsulated within any component. It's important to note that it takes up 100% of the width within its parent component.

@using Astrol.Entities.Basic.UI

@using Astrol.Component.Basic.Menu

<div style="float:left;width:300px;background:var(--background-menu);position:relative;max-height:400px;">

 <AstrolMenuAdmin MenuList="optionsMenu" />

</div>

@code {

 List<MenuItem> optionsMenu = new List<MenuItem> {

 new MenuItem {

 URL = "/",

 Icon = "astrol-home",

 Name = "Home",

},

 new MenuItem {

 Icon = "astrol-th-outline",

 Name = "Web sites",

 StatusSubMenu = true,

 SubMenus = new List<MenuItem> {

 new MenuItem {

 URL = "https://astrolui.com",

 Icon = "astrol-heart-filled",

 Name = "AstrolUi",

},

 new MenuItem {

 URL = "https://perender.com",

 Icon = "astrol-star-filled",

 Name = "PERENDER",

 IsNew = true

},

};

Supported parameters

MenuList (List<MenuList>): List with the elements to be represented in the menu.
Object MenuList parameters:
- Active (bool): Defines if the menu is selected (default is false).
- Icon (string): Defines the CSS class of the icon to be displayed (not required).
- Name (string): Defines the title of the element to be displayed (not required).
- URL (string): Defines the redirection URL of the element (not required).
- IsNew (bool): Defines if you want to highlight the menu option as new (default is false).
- StatusSubMenu (bool): Defines if there is an internal submenu that may be expanded (default is false).
- SubMenus (List<MenuList>): List with the elements to be represented in the submenu.
- Roles (string): If implementing Authorization, you can specify the roles for which you want the menu option to be displayed (if it is a parent component, it is not necessary to specify since, if one of its children has the role, it is shown).