Toast
- Components
- Toast
Basic Toasts
This is a normal message.
This is a success message.
This is an error message.
This is a warning message.
Condensed Toasts
Your email has been sent
Solid Colored Toasts
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Soft Colored Toasts
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Hello, world! This is a toast message.
Toast Stack
Top left
Top center
Top right
Center
Bottom left
Bottom center
Bottom right
Toast Message with loading indicator
Loading...
Action in progress
Toast with Dismiss button
Your email has been sent
Toast With actions
App notifications
Notifications may include alerts, sounds and icon badges.
Toast Stack
App notifications
Notifications may include alerts, sounds and icon badges.
Successfully updated!