toasts

Summary

Short messages that confirm something and go away.

Raw wireframe

• .context/designs/mobile/patterns/toasts.html

Why it is drawn this way

A toast confirms; it never asks. Anything that needs an answer is a modal: promotion, resign.

Above the action row, never over the board. A message over a square hides a piece.

The illegal-move toast says why. "That move leaves your king in check" is the one refusal a learner cannot work out alone.

The app raises no toast today. These four are the set the new screens need.

Related

• board
• promotion
• resign

Sources

• .context/designs/mobile/patterns/toasts.html