Banner

Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
color
blue | green | yellow | red
banner color (from Banner.colors)
blue
onClick
Event => ()
displays dismiss button, triggered on click

Banners come in 4 colors. Banner colors change based on message displayed.

Banners that a user can dismiss should use the onClick event handler to display an "X" icon in the top-right corner of the component.