iOS Toast Message Component: Guideline and Use Cases

The Toast Message is a UI component that takes inspiration from some iOS system messages (however Apple doesn't implement it universally across all apps and services). Its purpose is to notify users about a process that an app has performed or will perform.

The Toast Message appears briefly and disappears automatically, without requiring any input from the user. It's designed not to overlap with content and not to draw too much attention from the user. Additionally, the component supports and respects all types of safe areas.

To give you an idea of its versatility, here are examples of how the Toast Message component appears on various devices with different types of the status bar, including the iPhone 14 Pro, iPhone 14, and iPhone SE:

Furthermore, here are some examples of how the Toast Message component can be used in different apps' contexts:

In addition, I'd like to showcase examples of how the Toast Message component can be configured and utilized in various design contexts.

While the component must include a title, designer has the freedom to decide whether or not to include other elements, such as a description, icon, or button.

More by Denys Lunov

View profile