---

display: Badge family: Data Display

Badge

图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。

API

Props

名称	说明	类型	默认值
count	展示的数字，可以为文字，大于 max 时显示为 ${max}+，为 0 时隐藏	number
max	展示封顶的数字值	number	99
type	类型 可选值: normal, dot, unread	enum	normal
renderBadge	自定义的badge渲染函数	(): node
children	被包裹的元素，当 children 存在时，badge将出现在元素的右上方	any

CSS API

名称	说明
badge	bage 样式
badge__content	badge 内容样式
badge__text	badge 文字样式
badge--auto	badge 存在 children 时的样式
badge--auto__content	badge 存在 children 时的内容样式
badge--dot	type="dot" 时的样式
badge--dot__content	type="dot" 时的内容样式
badge--unread	type="unread" 时的样式
badge--unread__content	type="unread" 时的内容样式