Components
Home
Packages
AlertsAvatarBannersBreadcrumbsButtonsButtonsDS3CardColor PickerColorsContent RendererEmojisFile IconFile PickerForm ElementsIcons AppIcons FileIcons FlagIcons LegacyIcons SymbolImage CarouselImage CropperImage GridLayoutListLoadersMenusActions MenuAccessibilityFilter MenuModalsNavigationThemeToastTypography
Menus
Name
@happeouikit/menus
Latest
1.2.51
License
MIT
Installation
yarn add @happeouikit/menus
Links
Dependencies (1)
@happeo/react-core@^0.9.0
Actions Menu
Accessibility
While the component itself is functionally accessible, it's crucial for developers using ActionMenu to consider proper announcement of state changes upon user interaction. When a user clicks on an item within the ActionMenu, it's important to announce this change to screen reader users and potentially improve clarity for sighted users as well. To accomplish this, call announceAriaLive function, which is availabe in the bridge.
Menu right
Menu left
Menu disabled
Custom menu button
Use icons on items
Auto Hide
If given the autoHide prop, the menu will close if the user's cursor hovers outside of it for 0.5 seconds.
Highlight current selection
If given the selectedActionName prop, the menu will highlight that specific action (useful for switching "modes").