/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/speed-dial/ControlledOpenSpeedDial.js
48 строк
1 KB
sai chand
[docs][SpeedDial] Remove deprecated props from demos (#46485)
07 июл 2025, 10:09
Не верифицирован
07 июл 2025, 10:09
9054621
Код
Авторство
О чём код?
import * as React from 'react'; 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'; const actions = [ { icon: <FileCopyIcon />, name: 'Copy' }, { icon: <SaveIcon />, name: 'Save' }, { icon: <PrintIcon />, name: 'Print' }, { icon: <ShareIcon />, name: 'Share' }, ]; export default function ControlledOpenSpeedDial() { const [open, setOpen] = React.useState(false); const handleOpen = () => setOpen(true); const handleClose = () => setOpen(false); return ( <Box sx={{ height: 320, transform: 'translateZ(0px)', flexGrow: 1 }}> <SpeedDial ariaLabel="SpeedDial controlled open example" sx={{ position: 'absolute', bottom: 16, right: 16 }} icon={<SpeedDialIcon />} onClose={handleClose} onOpen={handleOpen} open={open} > {actions.map((action) => ( <SpeedDialAction key={action.name} icon={action.icon} slotProps={{ tooltip: { title: action.name, }, }} onClick={handleClose} /> ))} </SpeedDial> </Box> ); }