/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/lists/PinnedSubheaderList.tsx
34 строки
944 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import List from '@mui/material/List'; import ListItem from '@mui/material/ListItem'; import ListItemText from '@mui/material/ListItemText'; import ListSubheader from '@mui/material/ListSubheader'; export default function PinnedSubheaderList() { return ( <List sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper', position: 'relative', overflow: 'auto', maxHeight: 300, '& ul': { padding: 0 }, }} subheader={<li />} > {[0, 1, 2, 3, 4].map((sectionId) => ( <li key={`section-${sectionId}`}> <ul> <ListSubheader>{`I'm sticky ${sectionId}`}</ListSubheader> {[0, 1, 2].map((item) => ( <ListItem key={`item-${sectionId}-${item}`}> <ListItemText primary={`Item ${item}`} /> </ListItem> ))} </ul> </li> ))} </List> ); }