DxMenuItem.Stretched Property

Specify whether to stretch a menu item so that it fills all available space in the menu container.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public bool? Stretched { get; set; }

Property Value

Type	Default	Description
Nullable<Boolean>	null	true to stretch the item; otherwise, false

Remarks

Use the Stretched property to stretch an individual menu item. To stretch all menu item, use the DxMenu.ItemsStretched property.

Mobile and tablet devices cannot stretch items.

<div class="card w-50">
    <DxMenu Title="DevExpress"
            ItemsPosition="ItemPosition.Center">
        <Items>
            <DxMenuItem Text="Products" IconCssClass="oi oi-layers" />
            <DxMenuItem Text="Support" IconCssClass="oi oi-person" Stretched="true"/>
            <DxMenuItem Text="Documentation" IconCssClass="oi oi-book" />
        </Items>
    </DxMenu>
</div>