DxToastProvider.VerticalAlignment Property

Specifies vertical alignment applied to toasts.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(VerticalEdge.Bottom)]
[Parameter]
public VerticalEdge VerticalAlignment { get; set; }

Property Value

Type	Default	Description
VerticalEdge	Bottom	The vertical alignment.

Available values:

Name	Description
Top	Top alignment.
Bottom	Bottom alignment.

Remarks

Use the HorizontalAlignment and VerticalAlignment properties to position toast notifications on the page.

Run Demo: Toast Positioning

<DxToastProvider 
    AnimationType="ToastAnimationType.Fade" 
    HorizontalAlignment="HorizontalAlignment.Left"
    VerticalAlignment="VerticalEdge.Top"
    RenderStyle="ToastRenderStyle.Success" 
    ThemeMode="ToastThemeMode.Saturated"/>