Feedback / The visual dictionary
Banner.
A persistent message within the page layout.
Also calledmessage bannernotice bar
01
UI illustrationSee it in context
02
What it is
A banner calls attention to information that affects the current page or task. It should explain the situation and place any resolution action next to the message.
When to use it
Use for important context that should remain visible.
Know the difference
A banner stays in the page flow; a toast briefly overlays the page.
03
Across platforms
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.
04
Go to the source
Primary documentation for the pattern and its platform conventions.