Elements

参考

横幅 Banner

Banner:页面级通知。通栏使用状态色浅色填充,前缘有一条更重的发丝线,并预留操作和关闭按钮的位置。默认为墨色,四种语义色固定不变。

Actions · Body · Close · Description · Icon · Root · Title

#BannerRoot

属性类型默认值描述
statusString as PropType<"ink" | "info" | "success" | "warning" | "danger">"ink"—

#BannerIcon

横幅状态对应的图标。

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#BannerBody

横幅正文区域,纵向排列标题和描述。

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#BannerTitle

横幅标题,用较重的衬线字突出提醒的核心信息。

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#BannerDescription

横幅描述,提供标题后的补充说明,视觉上更低调。

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#BannerActions

横幅操作区,用来放置一组按钮。

纯造型的部件——自身没有属性,沿用部件结构的共享样式。

#BannerClose

横幅的关闭按钮,是一个方切的普通按钮;是否关闭由使用方状态决定。

纯造型的部件——自身没有属性,沿用部件结构的共享样式。