Feedback / The visual dictionary

Inline message.

Feedback placed beside the content it concerns.

Also calledcontextual messageinline notice
01

See it in context

UI illustration
Project brief
iShared with your teamMembers can view this document.

An inline message keeps the explanation in context instead of sending users to another surface. Choose a tone and visual treatment that make its severity understandable without color alone.

When to use it

Use for guidance or state specific to one region.

Know the difference

An inline message sits by its subject; a banner applies to a broader page or task.

WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS

iOS · iPadOS · macOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux

On the web, announce meaningful status changes without moving focus. On Android and desktop, keep messages near the relevant operation and follow the platform’s notification conventions.

Primary documentation for the pattern and its platform conventions.