/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/badges/BadgeOverlap.js
47 строк
996 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 Box from '@mui/material/Box'; import Stack from '@mui/material/Stack'; import Badge from '@mui/material/Badge'; const shapeSize = 32; export default function BadgeOverlap() { return ( <Stack spacing={3} direction="row"> <Badge color="secondary" badgeContent={1}> <Rectangle /> </Badge> <Badge color="secondary" variant="dot"> <Rectangle /> </Badge> <Badge color="secondary" overlap="circular" badgeContent={1}> <Circle /> </Badge> <Badge color="secondary" overlap="circular" variant="dot"> <Circle /> </Badge> </Stack> ); } function Rectangle() { return ( <Box component="span" sx={{ bgcolor: 'primary.main', width: shapeSize, height: shapeSize }} /> ); } function Circle() { return ( <Box component="span" sx={{ bgcolor: 'primary.main', width: shapeSize, height: shapeSize, borderRadius: '50%', }} /> ); }