菜单组

MenuGroup 将一系列相关的 MenuItem 组件封装到一个公共部分中。

设计指南

用法

当两个或更多个单独的 MenuItem 相关联时，应使用 MenuGroup。当 MenuGroup 上方或下方存在其他菜单项时，该组与相邻项之间应有分隔线。MenuGroup 可以选择包含一个标签来描述其内容。

1. MenuGroup 标签
2. MenuGroup 分隔线

开发指南

用法

import { MenuGroup, MenuItem } from '@wordpress/components';

const MyMenuGroup = () => (
    <MenuGroup label="Settings">
        <MenuItem>Setting 1</MenuItem>
        <MenuItem>Setting 2</MenuItem>
    </MenuGroup>
);

相关组件

• MenuGroup 旨在用于 DropDownMenu 中。
• 要在菜单中使用单个按钮，请使用 MenuItem。
• 要允许用户在菜单选项集之间切换，请在 MenuGroup 内使用 MenuItemsChoice。