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: , }; diff --git a/docs/src/pages/components/badges/ShowZeroBadge.tsx b/docs/src/pages/components/badges/ShowZeroBadge.tsx index d7fa6d216339e4..02650117d4b38a 100644 --- a/docs/src/pages/components/badges/ShowZeroBadge.tsx +++ b/docs/src/pages/components/badges/ShowZeroBadge.tsx @@ -2,10 +2,6 @@ import React from 'react'; import { Theme, createStyles, makeStyles } from '@material-ui/core/styles'; import Badge from '@material-ui/core/Badge'; import MailIcon from '@material-ui/icons/Mail'; -import Switch from '@material-ui/core/Switch'; -import FormGroup from '@material-ui/core/FormGroup'; -import FormControlLabel from '@material-ui/core/FormControlLabel'; -import Divider from '@material-ui/core/Divider'; const useStyles = makeStyles((theme: Theme) => createStyles({ diff --git a/docs/src/pages/components/badges/badges.md b/docs/src/pages/components/badges/badges.md index 703fe1afa7e24e..e8c462a354e957 100644 --- a/docs/src/pages/components/badges/badges.md +++ b/docs/src/pages/components/badges/badges.md @@ -7,7 +7,7 @@ components: Badge

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 ( {children}