## Menu

A menu component enables easy navigation within a web application.
Demo

Component | Demo
--- | ---
`{{ menuBtnCode }}` |
`{{ nestedMenuBtnCode }}` | Nested Menu Btn
`{{ menuBtnCodeWithTemplate }}` | Menu item template template

Required Imports
import { ButtonsModule } from 'nextsapien-component-lib';
Properties

Type | Name | Description | Data type | Required | Default | Demo
--- | --- | --- | --- | --- | --- | ---
Input | hasNotification | Determines if a notification indicator should be displayed. Default is false. | boolean | false | false | n/a
Input | disableTranslation | Disables automatic translation for the menu button labels or items. Default is false. | boolean | false | false | n/a
Input | menuBtnNotificationIconUrl | URL for the notification icon displayed on the menu button. If not set, no icon will be displayed. | string | false | n/a | n/a
Input | menuItems | An array of menu items (LibMenuItem[]) that defines the structure and content of the menu. | LibMenuItem[] | false | n/a | n/a
Input | menuBtnIcon | Indicates whether the button displays an icon.
Input | menuBtnTooltip | The tooltip text displayed when hovering over the button.
Input | menuBtnTooltipPosition | Position of the tooltip, default is 'below'.
Input | menuBtnIconName | Name of the icon to be displayed in the button.
Input | menuBtnImgUrl | URL of the image to be displayed on the button.
Input | menuDirection | Direction of the menu ('ltr' for left-to-right, 'rtl' for right-to-left).
Input | listItem | An object representing the list item associated with the button.
Input | listItemIndex | The index of the list item.
Input | selectable | Indicates whether the list item is selectable.
Input | onlyCloseOnClickOutside | To only close the menu overlay on click outside