Toasts
- Home
- Toasts

Basic Toast
A basic form of the toasts.
This is a normal message.
This is a success message.
This is an error message.
This is a warning message.
Solid color variants
The default form of solid color toasts.
Soft color variants
The default form of soft color toasts.
Stack
Vertically stacking multiple toasts in a readable manner.
App notifications
Your app preferences has been successfully updated.
Message with loading indicator
Display a global loading indicator, which is dismissed by itself asynchronously.
Action in progress
Progress
You can also add additional elements, such as an icon and a progress bar.
Uploading 3 files
With actions
Add additional controls and components to toasts.
App notifications
Avatar
You can also add additional elements, such as an avatar image.

James mentioned you in a comment
Placement
Display a notification message at any place of the viewport.