/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/lists/BasicList.tsx
51 строка
2 KB
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Box from '@mui/material/Box'; import List from '@mui/material/List'; import ListItem from '@mui/material/ListItem'; import ListItemButton from '@mui/material/ListItemButton'; import ListItemIcon from '@mui/material/ListItemIcon'; import ListItemText from '@mui/material/ListItemText'; import Divider from '@mui/material/Divider'; import InboxIcon from '@mui/icons-material/Inbox'; import DraftsIcon from '@mui/icons-material/Drafts'; export default function BasicList() { return ( <Box sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}> <nav aria-label="main mailbox folders"> <List> <ListItem disablePadding> <ListItemButton> <ListItemIcon> <InboxIcon /> </ListItemIcon> <ListItemText primary="Inbox" /> </ListItemButton> </ListItem> <ListItem disablePadding> <ListItemButton> <ListItemIcon> <DraftsIcon /> </ListItemIcon> <ListItemText primary="Drafts" /> </ListItemButton> </ListItem> </List> </nav> <Divider /> <nav aria-label="secondary mailbox folders"> <List> <ListItem disablePadding> <ListItemButton> <ListItemText primary="Trash" /> </ListItemButton> </ListItem> <ListItem disablePadding> <ListItemButton component="a" href="#simple-list"> <ListItemText primary="Spam" /> </ListItemButton> </ListItem> </List> </nav> </Box> ); }