DxToastProvider.Width Property

Specifies the width of the toast notification container.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("300px")]
[Parameter]
public string Width { get; set; }

Property Value

Type	Default	Description
String	"300px"	The width in CSS units.

Remarks

Use the Width property to specify the width of a container that displays toast notifications.

Toast notification height is determined automatically based on toast content. You can limit the maximum toast height for every toast (DxToastProvider.MaxHeight) or a specified toast (DxToast.MaxHeight orToastOptions.MaxHeight).

<DxToastProvider 
    ThemeMode=ToastThemeMode.Pastel 
    DisplayTime="@TimeSpan.FromSeconds(20)" .
    FreezeOnClick="true"
    MaxHeight="150px"
    Width="400px"/>