Banner

使用 Banner 组件以醒目的方式向客户传达重要信息。

预览

Banner.jpg

示例代码

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

BannerProps

提示

标注 ? 的属性为可选,未标注 ? 的属性为必选。

title?

string

Banner 组件的内容。


status?

info success warning critical 默认值:info

设置 Banner 组件的状态。


size?

small large 默认值:small

设置 Banner 组件的大小。


onDismiss?

() => void

传入该属性时会显示关闭按钮,客户可以点击关闭视图。


这篇文章对你有帮助吗?