End of flow confirmation

Used to alert users they have completed a task.

Info link

Used to deliver quick definition or clarification.

Inline messages

Used to guide users through complex tasks.

Loading spinners

Used to indicate the time and progress.

Numeric badges

Used to accompany lists to indicate number of items.

Page callouts

Used for quick access to contextual help content.

Page messages

Used to give users alerts, warnings and tips.

Progress bar

Used as a visual indicator of task completion.

Stacked page messages

Used to give users multiple alerts in one area.

Status badges

Used to focus the user’s attention on an alert.

Toast messages

Used to show immediate feedback after taking an action.


Used to contain a brief message in response to a user action.