MenuItem Edit
MenuItem is a component which renders a button intended to be used in combination with the DropdownMenu component.
Usage Usage
import { MenuItem } from '@wordpress/components'; import { useState } from '@wordpress/element'; const MyMenuItem = () => { const [ isActive, setIsActive ] = useState( true ); return ( <MenuItem icon={ isActive ? 'yes' : 'no' } isSelected={ isActive } onClick={ () => setIsActive( ( state ) => ! state ) } > Toggle </MenuItem> ); };
Props Props
MenuItem supports the following props. Any additional props are passed through to the underlying Button.
children
children
- Type:
WPElement
- Required: No
Element to render as child of button.
info
info
- Type:
string
- Required: No
Text to use as description for button text.
Refer to documentation for label
.
icon
icon
- Type:
string
- Required: No
Refer to documentation for Button’s icon
prop.
isSelected
isSelected
- Type:
boolean
- Required: No
Whether or not the menu item is currently selected.
shortcut
shortcut
- Type:
string
- Required: No
Refer to documentation for Shortcut’s shortcut
prop.
role
role
- Type:
string
- Require: No
- Default:
'menuitem'
Aria Spec. If you need to have selectable menu items use menuitemradio for single select, and menuitemcheckbox for multiselect.