DxToast.Template Property

Specifies the template displayed in the toast notification.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment Template { get; set; }

Property Value

Type	Description
RenderFragment	Template content.

Remarks

Use the Template property to add custom content to the toast notification. The specified render fragment is displayed under toast title and text content.

Alternatively, you can specify a template as the component’s child content (see approach 2).

Approach 1

<DxToast @ref=toastButtons Title="Toast with buttons">
    <Template>
        <DxButton CssClass="mx-2">button 1</DxButton>
        <DxButton RenderStyleMode="ButtonRenderStyleMode.Outline">button 2</DxButton>
    </Template>
</DxToast>

Approach 2

<DxToast @ref=toastButtons Title="Toast with buttons">
    <DxButton CssClass="mx-2">button 1</DxButton>
    <DxButton RenderStyleMode="ButtonRenderStyleMode.Outline">button 2</DxButton>
</DxToast>