BRAID
Braid Logo
 

MenuItemCheckbox

Open in Playroom
For use within menu components, e.g. OverflowMenu, MenuRenderer.

Alternatives

Accessibility

Follows the WAI-ARIA Menu Pattern.

Badge support

Add a Badge alongside the label of the menu item using the badge prop.
Open in Playroom

Data attributes

Braid components are very explicit about the properties they accept, which makes providing arbitrary data attributes not possible. Instead, a data prop can be provided as a single collection of data attributes.
<MenuItemCheckbox
  data={{ testid: 'menu-item-checkbox-1' }}
  // => data-testid="menu-item-checkbox-1"
>
  ...
</MenuItemCheckbox>
Open in Playroom