diff --git a/docs/src/pages/components/badges/BadgeMax.tsx b/docs/src/pages/components/badges/BadgeMax.tsx
index 1cedc3a99e58d3..2f469e7e2bfb22 100644
--- a/docs/src/pages/components/badges/BadgeMax.tsx
+++ b/docs/src/pages/components/badges/BadgeMax.tsx
@@ -14,7 +14,7 @@ const useStyles = makeStyles((theme: Theme) =>
);
const defaultProps = {
- color: 'secondary',
+ color: 'secondary' as 'secondary',
children:
Badge generates a small badge to the top-right of its child(ren).
-## Simple badges +## Basic badges Examples of badges containing text, using primary and secondary colors. The badge is applied to its children. diff --git a/packages/material-ui/src/Badge/Badge.js b/packages/material-ui/src/Badge/Badge.js index 88fc1bfeea2278..cf1fcef48e5a8e 100644 --- a/packages/material-ui/src/Badge/Badge.js +++ b/packages/material-ui/src/Badge/Badge.js @@ -186,10 +186,6 @@ const Badge = React.forwardRef(function Badge(props, ref) { displayValue = badgeContent > max ? `${max}+` : badgeContent; } - if (invisible && badgeContent === 0 && variant !== 'dot') { - displayValue = '1'; - } - return (