Demos
For examples and details on the usage of this component, visit the component demo page:
ToastProvider
Properties
| Parameter | Type | Description | Default |
|---|---|---|---|
| Id | string |
Gets or sets the unique identifier for the toast provider. | - |
| Position | ToastPosition |
Gets or sets the position where toasts are displayed on the screen. | BottomRight |
| Offset | Offset? |
Gets or sets the offset of the toasts from the edges of the screen. | - |
| MobileOffset | Offset? |
Gets or sets the offset of the toasts from the edges of the screen on mobile devices. | - |
| VisibleToasts | int |
Gets or sets the maximum number of toasts visible at the same time. | 3 |
| Gap | int |
Gets or sets the gap between toasts, in pixels. | 14 |
| Duration | TimeSpan |
Gets or sets the duration for which a toast is displayed before being automatically dismissed. | - |
| Expand | bool |
Gets or sets a value indicating whether toasts should be expanded by default. | false |
| CloseButton | bool |
Gets or sets a value indicating whether toasts should display a close button. | false |
| RichColors | bool |
Gets or sets a value indicating whether toasts should use rich colors for different toast types. | false |
| Dir | DocumentDirection |
Gets or sets the text direction of the toasts. | Auto |
| As | string |
Gets or sets an HTML tag of the component. | - |
| Class | string |
Gets or sets CSS class names that will be applied to the component. | - |
| Style | string |
Gets or sets styles that will be applied to the component. | - |
| AdditionalAttributes | IReadOnlyDictionary<string, object> |
Gets or sets a collection of additional attributes that will be applied to the component. | - |
| ElementReference | ElementReference? |
Gets or sets the associated . May be if accessed before the component is rendered. | - |