Skip to main content
All docs
V25.1
  • DxToastProvider.VerticalAlignment Property

    Specifies vertical alignment applied to toasts.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.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"/>
    
    See Also