Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
20 lines
543 B
JavaScript
20 lines
543 B
JavaScript
import Stack from '@mui/material/Stack';
|
|
import Badge from '@mui/material/Badge';
|
|
import MailIcon from '@mui/icons-material/Mail';
|
|
|
|
export default function BadgeMax() {
|
|
return (
|
|
<Stack spacing={4} direction="row" sx={{ color: 'action.active' }}>
|
|
<Badge color="secondary" badgeContent={99}>
|
|
<MailIcon />
|
|
</Badge>
|
|
<Badge color="secondary" badgeContent={100}>
|
|
<MailIcon />
|
|
</Badge>
|
|
<Badge color="secondary" badgeContent={1000} max={999}>
|
|
<MailIcon />
|
|
</Badge>
|
|
</Stack>
|
|
);
|
|
}
|