Designpedia
All terms
Overlays & Surfaces

Inline Message

also known as inline notification, inline alert, field message

An inline message appears within the page layout, next to the thing it describes, rather than floating on top. It's non-disruptive, confined to a specific area, and commonly used for form validation ('Password too short') or contextual status. It persists until the underlying issue is resolved or the user dismisses it.

See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
An inline message lives inside a specific section (often a form field), while a banner spans the top of the whole screen or region. Unlike a toast it doesn't auto-dismiss. A callout is a styled inline block for static highlights, not dynamic status.
In the wild
The red 'Enter a valid email address' text under a sign-up field is an inline message.
Tags
Sources