跳到内容
+

Badge

Badge 组件生成一个小标签,该标签附加到其子元素上。

useBadge API

导入

import { useBadge } from '@mui/base/useBadge';
// or
import { useBadge } from '@mui/base';

阅读这篇关于最小化捆绑包大小的指南,了解它们之间的区别。

参数

名称类型默认描述
badgeContentReact.ReactNode-

徽章内渲染的内容。

invisiblebooleanfalse

如果为 true,则徽章不可见。

maxnumber99

显示的最大计数。

showZerobooleanfalse

控制当 badgeContent 为零时是否隐藏徽章。

返回值

名称类型描述
badgeContentReact.ReactNode

定义徽章内显示的内容。

displayValueReact.ReactNode

要在徽章中显示的值。如果 badgeContent 大于 max,它将返回 max+

invisibleboolean

如果为 true,组件将不可见。

maxnumber

要在徽章中显示的最大数字。