Back to Devexpress

DxToastProvider.VerticalAlignment Property

blazor-devexpress-dot-blazor-dot-dxtoastprovider-a95c34f4.md

latest1.4 KB
Original Source

DxToastProvider.VerticalAlignment Property

Specifies vertical alignment applied to toasts.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
VerticalEdgeBottom

The vertical alignment.

|

Available values:

NameDescription
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"/>

See Also

DxToastProvider Class

DxToastProvider Members

DevExpress.Blazor Namespace