Message Update

Contextual UI element used to give immediate feedback within a specific area of the screen, typically near the interaction it relates to. This component provides quick, relevant updates within a focused context, like a form submission, loading content, or system updates, while remaining contained within its surrounding "microexperience" — the small, task-specific area it appears in.

Props

Type

Subtypes of messaging blocks are used differently depending on the type of message they convey. Iconography and UI colour are unique to each type of messaging block.

Description

Inclusion of additional information.

Usage

Do

  • Place component close to the action they’re informing about, within the relevant micro-experience.

Don't

  • Don’t use update messages for non-essential information; keep it relevant to user actions.
  • Update message is informational only and should not include any actionable steps or buttons.

Kelsey

Principal Designer