MenuItemCheckbox: Align checkbox size with a small
Checkbox
Align the size of a MenuItemCheckbox
with a small
sized Checkbox
.
Support data attribute boolean values
The data
attribute map now supports boolean values. This provides an improvement for the developer experience, no longer having to convert values to strings explicitly.
EXAMPLE USAGE:
<Component data={{ 'custom-attribute': true, }} /> // => <div data-custom-attribute="true" />
MenuItemCheckbox: Align with increased icon size
Ensure menu item text has uniform spacing to the checkbox of MenuItemCheckbox
and the icon
slot of MenuItem
.
MenuItem, MenuItemLink, MenuItemCheckbox: Use span
elements internally for more valid HTML.
Add MenuItemCheckbox component
You can now render checkboxes within OverflowMenu/MenuRenderer elements.
EXAMPLE USAGE
<OverflowMenu label="Checklist"> <MenuItemCheckbox checked={true} onChange={() => {}}> Checkbox 1 </MenuItemCheckbox> <MenuItemCheckbox checked={false} onChange={() => {}}> Checkbox 2 </MenuItemCheckbox> <MenuItemCheckbox checked={false} onChange={() => {}}> Checkbox 3 </MenuItemCheckbox> </OverflowMenu>