We now have a YouTube Channel. 
Visit complete Design System roadmap

← Back to Topics List

Toast

Toasts provide short meaningful feedback messages about the action results.

  • Dismissed Automatically: Toast messages shouldn’t interrupt the user flow, block the screen for a long time or require additional action from the user.
  • Action Support: Besides displaying the message, toasts may also provide an action related to the message like undoing an action.
  • Handles Multiple Instances: Even though it doesn’t happen often, toasts can be called from multiple sources at the same time and all resulting toasts should be queued. It’s good practice not to show all the messages at the same time.
  • Accessibility: Toast messages should be announced by the voice assistive technology and their action should be easily accessible from the keyboard.
  • Responsivenss: Toasts should be aligned with the mobile viewport and their action should be easily reachable for tapping.

Open Source

The project is OpenSource, 6th most starred project on GitHub and is visited by hundreds of thousands of developers every month.

Roadmaps Guides Videos About YouTube

roadmap.sh by Kamran Ahmed

Community created roadmaps, articles, resources and journeys to help you choose your path and grow in your career.

© roadmap.sh · FAQs · Terms · Privacy

ThewNewStack

The leading DevOps resource for Kubernetes, cloud-native computing, and the latest in at-scale development, deployment, and management.