徽章

Badge 元件會產生一個附加在其子元素上的小標籤。

useBadge API

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

名稱	類型	描述
badgeContent	React.ReactNode	定義顯示在徽章內的內容。
displayValue	React.ReactNode	要在徽章中顯示的值。如果 `badgeContent` 大於 `max`，它將回傳 `max+`。
invisible	boolean	如果為 `true`，元件將不可見。
max	number	要在徽章中顯示的最大數字。