跳转到内容

BadgeUnstyled API

想要学习更多组件属性和 CSS API,可以查阅 React BadgeUnstyled 组件的 API 文档。

导入

import BadgeUnstyled from '@mui/base/BadgeUnstyled';
// 或
import { BadgeUnstyled } from '@mui/base';
你可以阅读这个关于最小化捆绑包的指南以了解以上二者的差异。

属性

原生(Native) 组件的属性也是可用的。

名称类型默认值描述
badgeContentnode
The content rendered within the badge.
childrennode
The badge will be added relative to this node.
componentelementType
The component used for the root node. Either a string to use a HTML element or a component.
invisibleboolfalse
If true, the badge is invisible.
maxnumber99
Max count to show.
showZeroboolfalse
Controls whether the badge is hidden when badgeContent is zero.
slotProps{ badge?: func
| object, root?: func
| object }
{}
slots{ badge?: elementType, root?: elementType }{}

ref 则会被传递到根元素中。

演示项目