MenuGroup
Edit
MenuGroup
wraps a series of related MenuItem
components into a common section.
- MenuGroup
Table of Contents Table of Contents
Design guidelines Design guidelines
Usage Usage
A MenuGroup
should be used to indicate that two or more individual MenuItems are related. When other menu items exist above or below a MenuGroup
, the group should have a divider line between it and the adjacent item. A MenuGroup
can optionally include a label to describe its contents.
MenuGroup
labelMenuGroup
dividers
Development guidelines Development guidelines
Usage Usage
import { MenuGroup, MenuItem } from '@wordpress/components'; const MyMenuGroup = () => ( <MenuGroup label="Settings"> <MenuItem>Setting 1</MenuItem> <MenuItem>Setting 2</MenuItem> </MenuGroup> );
Related Components Related Components
MenuGroup
s are intended to be used in aDropDownMenu
.- To use a single button in a menu, use
MenuItem
. - To allow users to toggle between a set of menu options, use
MenuItemsChoice
inside of aMenuGroup
.