Badge 徽章

按钮和图标上的数字或状态标记。

基础用法

可以用来展示新消息的数量。

最大值

你还可以自定义最大值

自定义显示内容

你也可以展示除数字以外你想要展示的任何值。

小红点

通过一个小红点标记来告知用户有新内容。

Badge API

Badge 属性

属性	说明	类型	默认值
`value`	显示值	`string \| number`	`''`
`max`	最大值，超过最大值会显示 `{max}+`。只有当 `value` 是数字类型时才会工作。	`number`	`99`
`is-dot`	是否显示小圆点。	`boolean`	`false`
`hidden`	是否隐藏 Badge。	`boolean`	`false`
`type`	badge 类型。	`'primary' \| 'success' \| 'warning' \| 'danger' \| 'info'`	`'danger'`

Badge 插槽

插槽名	说明
`default`	自定义默认内容

源代码

组件 • 文档

贡献者

Delyan Haralanov

Calendar 日历