Skip to main content

Action Menu

Installation​

$ yarn add @rexlabs/action-menu

Usage​

import ActionMenu from '@rexlabs/action-menu';

Irregularities​

The action menu currently implements it's own popper component that is very similar to the one in the @rexlabs/select package. The main difference is that a bit of the isOpen logic is handled internally in the downshift library within the select and so has to be managed manually here.

The plan is to eventually bring both of these implementations together into a separate menu abstraction that will handle:

  • The interaction between the anchor element (button for action-menu and input for select) and the menu
    • Focus / hover states
    • Keyboard navigation
    • Aria attributes
  • The popper implementation (including max height limits etc.) and how it's portalled
  • The styling of the menu
  • The content scrolling behaviour and scroll shadow
  • The styling of the menu (box shadow, border radius etc.)

Copyright (c) 2020 Rex Software All Rights Reserved.