/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/buttons/IconButtonWithBadge.js
20 строк
587 B
Albert Yu
[badge] Add `aria-hidden` to badge content and polish docs demos (#48471)
03 июн 2026, 15:57
Не верифицирован
03 июн 2026, 15:57
49aade9
Код
Авторство
О чём код?
import { styled } from '@mui/material/styles'; import IconButton from '@mui/material/IconButton'; import Badge, { badgeClasses } from '@mui/material/Badge'; import ShoppingCartIcon from '@mui/icons-material/ShoppingCartOutlined'; const CartBadge = styled(Badge)` & .${badgeClasses.badge} { top: -12px; right: -6px; } `; export default function IconButtonWithBadge() { return ( <IconButton aria-label="view cart with 2 items"> <ShoppingCartIcon fontSize="small" /> <CartBadge badgeContent={2} color="primary" overlap="circular" /> </IconButton> ); }