/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/menus/RadioMenu.js
38 строк
1 KB
Siriwat K
[MenuItem] add `aria-checked` for checkbox and radio menu items (#48651)
20 июл 2026, 06:56
Не верифицирован
20 июл 2026, 06:56
eb7ac90
Код
Авторство
О чём код?
import * as React from 'react'; import Paper from '@mui/material/Paper'; import MenuList from '@mui/material/MenuList'; import MenuItem from '@mui/material/MenuItem'; import ListItemText from '@mui/material/ListItemText'; import ListItemIcon from '@mui/material/ListItemIcon'; import RadioButtonChecked from '@mui/icons-material/RadioButtonChecked'; import RadioButtonUnchecked from '@mui/icons-material/RadioButtonUnchecked'; const options = ['Name', 'Date modified', 'Size']; export default function RadioMenu() { const [selected, setSelected] = React.useState('Name'); return ( <Paper sx={{ width: 320, maxWidth: '100%' }}> <MenuList> {options.map((option) => ( <MenuItem key={option} role="menuitemradio" selected={selected === option} onClick={() => setSelected(option)} > <ListItemIcon> {selected === option ? ( <RadioButtonChecked fontSize="small" /> ) : ( <RadioButtonUnchecked fontSize="small" /> )} </ListItemIcon> <ListItemText>{option}</ListItemText> </MenuItem> ))} </MenuList> </Paper> ); }