DxToastProvider.VerticalAlignment Property

Specifies vertical alignment applied to toasts.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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

razor

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