Banners are used to convey time bound messages, statuses and specfic actions to our users. Depending on the timespan and importance of the message, they can either be a permanent part of the page, or can be dismissable.
We primarily use banners that are either dark gray on light gray, or white on black.
You can specify the
dismissable prop when the banner should be dismissable.
When communicating a status, we use colored icons in along with text.