Toast
Toasts display a temporary status message to the user in the bottom right corner of the page.
Documentation in progress-----------------------
Variants
Warning Status
We detect there is a potential issue with a user’s input choice
- Suggested Design Solution: Inline messaging
- A process that the user initiated (e.g. data import) has errors.
Success Status
- User initiated process completes (data upload)
- Automatic process is successful (auto-save)
- Manual process is successful (form filled out)
Informational Status
- System is processing an action (upload, save, etc.)
Usage
Do
...
Don't
...
Layout
...
...
Description about layout structure