Feedback
Telling the user what happened, or what is happening.
Alert
An inline message in one of the four status registers. Use it to flag success, warning, error, or info in place.
Toast
A brief confirmation that floats over the page and dismisses itself. Use it to acknowledge an action without interrupting the task.
Tooltip
A small label shown on hover or focus. Use it to explain an element without adding clutter.
Modal
A dialog that overlays the page behind a backdrop. Use it to focus attention on one task or decision.
Notifications panel
A list of recent activity with read and unread states. Use it to surface updates in one place.
Progress bar
A bar that fills toward completion. Use it to show determinate progress of a known task.
Spinner
An indeterminate loading indicator. Use it while waiting on work of unknown length.