/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/menus/DenseMenu.js
42 строки
1 KB
Olivier Tassinari
[internal] Fix use of ellipsis (#48096)
25 мар 2026, 19:53
Не верифицирован
25 мар 2026, 19:53
ff3e4e7
Код
Авторство
О чём код?
import Paper from '@mui/material/Paper'; import Divider from '@mui/material/Divider'; import MenuList from '@mui/material/MenuList'; import MenuItem from '@mui/material/MenuItem'; import ListItemIcon from '@mui/material/ListItemIcon'; import ListItemText from '@mui/material/ListItemText'; import Check from '@mui/icons-material/Check'; export default function DenseMenu() { return ( <Paper sx={{ width: 320 }}> <MenuList dense> <MenuItem> <ListItemText inset>Single</ListItemText> </MenuItem> <MenuItem> <ListItemText inset>1.15</ListItemText> </MenuItem> <MenuItem> <ListItemText inset>Double</ListItemText> </MenuItem> <MenuItem> <ListItemIcon> <Check /> </ListItemIcon> Custom: 1.2 </MenuItem> <Divider /> <MenuItem> <ListItemText>Add space before paragraph</ListItemText> </MenuItem> <MenuItem> <ListItemText>Add space after paragraph</ListItemText> </MenuItem> <Divider /> <MenuItem> <ListItemText>Custom spacing…</ListItemText> </MenuItem> </MenuList> </Paper> ); }