Banner

The Banner UI component is used to prominently display important information or notifications to customers.

Preview

Banner.jpg

Code example

render('Checkout::Dynamic::Render', () => {
return <Banner status="danger" title="Current products have been removed from the shelves." />;
});

BannerProps

tip

Optional properties are marked with a ?. Properties without a ? are required.

title?

string

The banner text.


status?

info success warning critical Default: info

The status of the banner.


size?

small large Default: small

The size of the banner.


onDismiss?

() => void

To display the close button, allowing customers to dismiss the view.


Was this article helpful to you?