/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/speed-dial/OpenIconSpeedDial.js
40 строк
1 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 SpeedDial from '@mui/material/SpeedDial'; import SpeedDialIcon from '@mui/material/SpeedDialIcon'; import SpeedDialAction from '@mui/material/SpeedDialAction'; import FileCopyIcon from '@mui/icons-material/FileCopyOutlined'; import SaveIcon from '@mui/icons-material/Save'; import PrintIcon from '@mui/icons-material/Print'; import ShareIcon from '@mui/icons-material/Share'; import EditIcon from '@mui/icons-material/Edit'; const actions = [ { icon: <FileCopyIcon />, name: 'Copy' }, { icon: <SaveIcon />, name: 'Save' }, { icon: <PrintIcon />, name: 'Print' }, { icon: <ShareIcon />, name: 'Share' }, ]; export default function OpenIconSpeedDial() { return ( <Box sx={{ height: 320, transform: 'translateZ(0px)', flexGrow: 1 }}> <SpeedDial ariaLabel="SpeedDial openIcon example" sx={{ position: 'absolute', bottom: 16, right: 16 }} icon={<SpeedDialIcon openIcon={<EditIcon />} />} > {actions.map((action) => ( <SpeedDialAction key={action.name} icon={action.icon} slotProps={{ tooltip: { title: action.name, }, }} /> ))} </SpeedDial> </Box> ); }