25 lines
672 B
TypeScript
25 lines
672 B
TypeScript
|
import Dropdown from '@mui/joy/Dropdown';
|
||
|
|
import IconButton from '@mui/joy/IconButton';
|
||
|
|
import Menu from '@mui/joy/Menu';
|
||
|
|
import MenuButton from '@mui/joy/MenuButton';
|
||
|
|
import MenuItem from '@mui/joy/MenuItem';
|
||
|
|
import MoreVert from '@mui/icons-material/MoreVert';
|
||
|
|
|
||
|
|
export default function IconButtonMenu() {
|
||
|
|
return (
|
||
|
|
<Dropdown>
|
||
|
|
<MenuButton
|
||
|
|
slots={{ root: IconButton }}
|
||
|
|
slotProps={{ root: { variant: 'outlined', color: 'neutral' } }}
|
||
|
|
>
|
||
|
|
<MoreVert />
|
||
|
|
</MenuButton>
|
||
|
|
<Menu>
|
||
|
|
<MenuItem>Profile</MenuItem>
|
||
|
|
<MenuItem>My account</MenuItem>
|
||
|
|
<MenuItem>Logout</MenuItem>
|
||
|
|
</Menu>
|
||
|
|
</Dropdown>
|
||
|
|
);
|
||
|
|
}
|