Developer mode
Opens components on the React tab by default.
Your bookmarks

CallOutBanner

Encourages users to take an action to add additional services or the like.

Callout banners are useful when you want to highlight special offers that require users to opt in, such as adding the AirHelp service. The banner lets you attract attention with an illustration, present clear context, and offer a clear action.

Component status

Figma
Designing
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
Released

Content structure

Illustration: visually supports the banner; title: creates the context for the banner message and works best when short; description: presents the main message and can use List for more complex info; action area: creates an area where actions can be placed and works best with small secondary Button and ButtonLink.