Toast

A toast notification is a brief, non-intrusive message that appears on the screen to provide users with information or alerts.

Overview

The purpose of toasts is to provide users with timely and relevant information in an unobtrusive manner. It enhances the user experience by keeping users informed without requiring them to navigate to a different screen or take immediate action.

Toast notifications are typically displayed at the bottom of the screen and disappear automatically after a short period of time. They are often used to notify users about successful actions, errors, warnings, or important updates without interrupting their current tasks.

A toast placed at the bottom of the page.

Resources

Figma Component	Available
Figma Documentation	Planned
Web Components	Planned
Vue [Fozzie]	N/A
React [Snacks]	Available
iOS JustUI [UI Kit]	Available
iOS PIE [SwiftUI]	Available
Android [XML views]	Available
Android [Jetpack compose]	Available