/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/getting-started/templates/dashboard/components/Header.js
35 строк
1 KB
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Stack from '@mui/material/Stack'; import NotificationsRoundedIcon from '@mui/icons-material/NotificationsRounded'; import CustomDatePicker from './CustomDatePicker'; import NavbarBreadcrumbs from './NavbarBreadcrumbs'; import MenuButton from './MenuButton'; import ColorModeIconDropdown from '../../shared-theme/ColorModeIconDropdown'; import Search from './Search'; export default function Header() { return ( <Stack direction="row" sx={{ display: { xs: 'none', md: 'flex' }, width: '100%', alignItems: { xs: 'flex-start', md: 'center' }, justifyContent: 'space-between', maxWidth: { sm: '100%', md: '1700px' }, pt: 1.5, }} spacing={2} > <NavbarBreadcrumbs /> <Stack direction="row" sx={{ gap: 1 }}> <Search /> <CustomDatePicker /> <MenuButton showBadge aria-label="Open notifications"> <NotificationsRoundedIcon /> </MenuButton> <ColorModeIconDropdown /> </Stack> </Stack> ); }