Toasts

Toasts are a way of notifying or alerting the user that an action has taken place or something has gone wrong. For example, when a form is submitted without a required field, a Toast may come up to alert the user to fill in the required field. They are usually accompanied by some other action since the toast dismisses after a couple of seconds. In the required field instance, the required fields would also be highlighted.

Toasts with Activity Indicator

Toasts with Activity Indicator

Toasts

Toasts


Specs

Font, Color and Usage:

  • Default background fill: Black (#000000) 70%
  • Toast Background: 327 wide, 187 tall
  • Toast Alignment: centerX, centerY
  • Iconography: 40, White (#FFFFFF)
  • Text: SF UI Text, 16 points, White (#FFFFFF)
  • Activity Indicator: 27 wide, White (#FFFFFF)

Toasts with redlines Toasts without redlines

Redlines with Toasts