Skip to main content

Banner

A banner is a visual element that appears at the top of the screen. It's commonly used to display important messages, announcements or alerts.

Overview

Banners are wider than other UI elements, spanning across the width of the screen and usually include text, icons and buttons.

The purpose of banners is to deliver critical information, highlight special messages, convey notifications, or guide users towards specific actions. They are commonly used in websites, mobile apps, or online platforms to provide immediate visual impact and engage users effectively.

An error banner placed at the top of a container.

Resources

Available
Available
Web Components
Planned
Available
Available
iOS JustUI [UI Kit]
Available
iOS PIE [SwiftUI]
Available
Android [XML views]
Planned
Android [Jetpack compose]
Planned