Banners
Last updated Feb 6, 2020
A banner is an alert or message that is displayed to the user at the top of the screen. It is persistent, and should ideally have actions through which the user can dismiss them.
A banner can consist of a message (mandatory), actions (recommended), and an icon (optional). The banner should dynamically adapt to use 1 or 2 lines based available width.
Banners on a tablet follow the same layout rules as phone, just stretched to fill the available width. If there are two panes, the banner should span both panes.