Message Feedback

Provides passive, contextual feedback related to a specific UI element or section (e.g., a form field or widget). It is non-interactive and typically used to communicate validation results, status updates, or informative cues.

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.

Default
Critical
Warning
Positive
Sale

Show body text

Inclusion of additional information.

No body text
Body text

Usage

  • Place adjacent to the element it refers to. Ideal for form validation, inline status messages, or subtle guidance.
  • 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