/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/menubar/BasicMenubar.js
61 строка
2 KB
Olivier Tassinari
[internal] Fix use of ellipsis
25 май 2026, 02:04
Не верифицирован
25 май 2026, 02:04
d464865
Код
Авторство
О чём код?
import * as React from 'react'; import { Menubar, MenuRoot, MenuTrigger, MenuPortal, MenuPositioner, MenuPopup, MenuItem, MenuSeparator, MenuSubmenuRoot, MenuSubmenuTrigger, } from './components/Menubar'; export default function BasicMenubar() { return ( <Menubar> <MenuRoot> <MenuTrigger>File</MenuTrigger> <MenuPortal> <MenuPositioner sideOffset={4} alignOffset={-2}> <MenuPopup> <MenuItem>New</MenuItem> <MenuItem>Open…</MenuItem> <MenuItem>Save</MenuItem> <MenuItem>Save as…</MenuItem> <MenuSeparator /> <MenuSubmenuRoot> <MenuSubmenuTrigger>Share</MenuSubmenuTrigger> <MenuPortal> <MenuPositioner alignOffset={-4}> <MenuPopup> <MenuItem>Email link</MenuItem> <MenuItem>Copy link</MenuItem> </MenuPopup> </MenuPositioner> </MenuPortal> </MenuSubmenuRoot> <MenuSeparator /> <MenuItem>Close</MenuItem> </MenuPopup> </MenuPositioner> </MenuPortal> </MenuRoot> <MenuRoot> <MenuTrigger>Help</MenuTrigger> <MenuPortal> <MenuPositioner sideOffset={4}> <MenuPopup> <MenuItem>Documentation</MenuItem> <MenuItem>Release notes</MenuItem> <MenuSeparator /> <MenuItem>About</MenuItem> </MenuPopup> </MenuPositioner> </MenuPortal> </MenuRoot> </Menubar> ); }