DxRibbonButtonBase<TClickEventArgs>.Template Property

Specifies the template to display an item’s content.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public RenderFragment<IRibbonGroupItem> Template { get; set; }

Property Value

Type	Default	Description
RenderFragment<DevExpress.Blazor.Ribbon.Internal.IRibbonGroupItem>	null	The template content.

Remarks

Use the Template property to completely override an item’s content, design and layout.

The following code snippet adds a Search Box to the Ribbon:

<DxRibbon>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="Style">
            <DxRibbonItem IconCssClass="dx-icon-bold" />
            <DxRibbonItem IconCssClass="dx-icon-italic" />
            <DxRibbonItem IconCssClass="dx-icon-underline" />
        </DxRibbonGroup>
        <DxRibbonGroup Text="Review">
            <DxRibbonItem>
                <Template>
                    <DxSearchBox CssClass="search py-0" aria-label="Search" />
                </Template>
            </DxRibbonItem>
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>