DxMenu.TitleTemplate Property

Specifies the template for the menu title.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment<object> TitleTemplate { get; set; }

Property Value

Type	Description
RenderFragment<Object>	The template content.

Remarks

The TitleTemplate property specifies the template for the menu title. You can use the template’s context parameter to get the menu’s title. The code below uses this parameter to specify the alt attribute for the image.

<div class="card w-50">
    <DxMenu Title="DevExpress Logo">
        <TitleTemplate>
            <img width="120" src="images/Logo-Monochrome.svg" alt="@context" />
        </TitleTemplate>
        <Items>
            <DxMenuItem Text="Products" />
            <DxMenuItem Text="Support" />
            <DxMenuItem Text="Documentation" />
            <DxMenuItem Text="Demos" />
        </Items>
    </DxMenu>
</div>

Run Demo: Menu - Templates