@using Syncfusion.Blazor.Navigations
<div class="control-section">
<div class="menu-control">
<SfMenu Items="@MenuItems"></SfMenu>
</div>
</div>
@code {
public List<MenuItem> MenuItems = new List<MenuItem>{
new MenuItem { Text = "Home", Url = "https://www.google.com/search?q=fashion"},
new MenuItem{
Text = "Categories",
Items = new List<MenuItem>{
new MenuItem { Text= "Washing Machine", Url= "https://www.google.com/search?q=washing+machine" },
new MenuItem { Text= "Air Conditioners", Url= "https://www.google.com/search?q=air+conditioners"}}
}
};
}
<style>
.e-menu-wrapper {
text-align: center;
}
.menu-control {
margin-top: 0px;
text-align: right;
}
</style>
Comments