DxMenuItem Class

Defines an item of the DxMenu component.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

Declaration

public class DxMenuItem :
    DxSettingsComponent,
    IDisposable,
    IModelWrapper<IMenuItemModel>

Remarks

The DxMenuItem class implements the functionality of an individual item in the Menu component. Use the Items property to define the component's item collection.

The code below demonstrates how to add items to a menu and assign Iconic icons to them.

<div class="card w-25">
    <DxMenu Title="DevExpress"
            ItemsPosition="MenuItemsPosition.Start">
        <Items>
            <DxMenuItem Text="Products" IconCssClass="oi oi-layers">
                <Items>
                    <DxMenuItem Text="Subscriptions / Packs" />
                    <DxMenuItem Text=".NET Windows Forms Components" />
                    <DxMenuItem Text="Reporting / Printing Suites" />
                    <DxMenuItem Text="VCL Components and Tools" />
                    <DxMenuItem Text="ASP.NET Components" />
                </Items>
            </DxMenuItem>
            <DxMenuItem Text="Support" IconCssClass="oi oi-person">
                <Items>
                    <DxMenuItem Text="Knowledge Base" />
                    <DxMenuItem Text="Documentation" />
                    <DxMenuItem Text="Support Center" />
                    <DxMenuItem Text="Newsgroups" />
                    <DxMenuItem Text="Best Practices" />
                </Items>
            </DxMenuItem>
        </Items>
    </DxMenu>
</div>

Menu

Run Demo: Menu - Overview

Watch Video

See Also