Badge 徽章

使用

import { KBadge } from "@ksware/ksw-ux";

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

基础用法

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

数量值可接受 Number 或 String。

最大值

你还可以自定义最大值

由 max 属性定义，接受 Number 值。 请注意，仅在值也是 Number 时起作用。

自定义显示内容

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

当 value 是 String 时，可以显示自定义文字。

小红点

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

使用 is-dot 属性。 是个布尔值。

偏移量

设置徽章点的偏移，格式是[左，顶部]， 代表状态点从左侧和默认位置顶部的偏移。

API

Props

参数名	描述	类型	默认值
value	显示值	string / number	-
max	最大值，超过最大值会显示 {max}+。 只有当 value 是数字类型时起作用。	number	99
is-dot	是否显示小圆点。	boolean	false
hidden	是否隐藏 Badge。	boolean	false
type	badge type.	enum	danger

Slots

插槽名	描述	参数
default	自定义默认内容	-