DxToast.SizeMode Property

Specifies the size of the component and its content.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }

Property Value

Type	Default	Description
Nullable<SizeMode>	null

The size mode. If the property is not specified (the value is null), the size is determined by the DxToastProvider.SizeMode property.

Available values:

Name	Description
Small

Small size.

| | Medium |

Medium size.

| | Large |

Large size.

Remarks

The SizeMode property allows you to apply different size modes to the DxToast component. For additional information, refer to the following topic: Size Modes.

razor

<DxButton Text="Show Toasts" Click="ShowToasts" />
<DxToastProvider ThemeMode="ToastThemeMode.Pastel"/>

<DxToast @ref=SmallToast SizeMode=SizeMode.Small Text="Small size mode" />
<DxToast @ref=MediumToast SizeMode=SizeMode.Medium Text="Medium size mode" />
<DxToast @ref=LargeToast SizeMode=SizeMode.Large Text="Large size mode" />

@code {
    DxToast SmallToast;
    DxToast MediumToast;
    DxToast LargeToast;

    private void ShowToasts() {
      SmallToast.Show();
      MediumToast.Show();
      LargeToast.Show();
    }
}

Run Demo: Toast Notification - Overview