@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>
Last modified: January 9, 2021

Author

Comments

Write a Reply or Comment