Banners

A banner displays an important, succinct message, and provides actions for users to address (or dismiss the banner). Banners can be displayed at the top or the bottom of the screen. Only one banner should be shown at a time.

Grid view

List view

Text field default

Single action brand

Slim default

Text field brand full width

Dual action default full width

Slim brand full width

Text field brand

Dual action default

Slim brand

Single action default full width

Dual action brand full width

Single action default

Dual action brand

Text field default full width

Single action brand full width

Slim default full width