40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
|
import MenuButton from '@mui/joy/MenuButton';
|
||
|
|
import Menu from '@mui/joy/Menu';
|
||
|
|
import MenuItem from '@mui/joy/MenuItem';
|
||
|
|
import Dropdown from '@mui/joy/Dropdown';
|
||
|
|
import ListDivider from '@mui/joy/ListDivider';
|
||
|
|
import ListItemDecorator from '@mui/joy/ListItemDecorator';
|
||
|
|
import Check from '@mui/icons-material/Check';
|
||
|
|
|
||
|
|
export default function SizeMenu() {
|
||
|
|
return (
|
||
|
|
<Dropdown>
|
||
|
|
<MenuButton size="sm">Format</MenuButton>
|
||
|
|
<Menu size="sm">
|
||
|
|
<MenuItem>
|
||
|
|
<ListItemDecorator /> Single
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<ListItemDecorator />
|
||
|
|
1.15
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<ListItemDecorator />
|
||
|
|
Double
|
||
|
|
</MenuItem>
|
||
|
|
<MenuItem>
|
||
|
|
<ListItemDecorator>
|
||
|
|
<Check />
|
||
|
|
</ListItemDecorator>
|
||
|
|
Custom: 1.2
|
||
|
|
</MenuItem>
|
||
|
|
<ListDivider />
|
||
|
|
<MenuItem>Add space before paragraph</MenuItem>
|
||
|
|
<MenuItem>Add space after paragraph</MenuItem>
|
||
|
|
<ListDivider />
|
||
|
|
<MenuItem>Custom spacing...</MenuItem>
|
||
|
|
</Menu>
|
||
|
|
</Dropdown>
|
||
|
|
);
|
||
|
|
}
|