v31.7.0

Minor Changes

• MenuRenderer, OverflowMenu: Add menu width and placement support (#1075)

  Provides a set of widths to control how wide the menu is, where content is the default. The available widths are ratioed off the contentWidths specified on the theme.

  Additionally the placement of the menu can choose from either top or bottom where the latter remains the default.

  EXAMPLE USAGE:

  <MenuRenderer
    // ...
    width="small"
    placement="top"
  >
    ...
  </MenuRenderer>

• MenuItem, MenuItemLink, MenuRenderer, OverflowMenu: Add icon support (#1075)

  Provides a designed slot for adding an icon to MenuItem and MenuItemLink. To compliment this we have introduced reserveIconSpace on both MenuRenderer and OverflowMenu so the labels in menu items without icons align with the labels of menu items with an icon.

  EXAMPLE USAGE:

  <MenuRenderer reserveIconSpace>
    <MenuItem
      // ...
      icon={<IconBookmark />}
    >
      Menu Item
    </MenuItem>
  </MenuRenderer>

• MenuItem, MenuItemLink, MenuItemChecklist: Add badge support (#1075)

  Provides a designed slot for adding a Badge to all the variants of a menu item.

  EXAMPLE USAGE:

  <MenuRenderer>
    <MenuItem
      // ...
      badge={<Badge>Badge</Badge>}
    >
      Menu Item
    </MenuItem>
  </MenuRenderer>

Patch Changes

• Button: Support using as menu trigger (#1075)

  Allow a Button to receive all of the required props for a menu trigger. As a result a Button now accepts onKeyUp, onKeyDown and aria-haspopup.

  EXAMPLE USAGE:

  <MenuRenderer
    trigger={triggerProps => <Button {...triggerProps}>Button</Button>}
  >
    ...
  </MenuRenderer>

• Column: Enure inner element honours component prop (#1075)