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

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?