# EclMenuItemComponent

**Type:** component



This component represents a root menu item. Adds styling and functionality to menu item.


**Selector:** `ecl-menu-item`

## Inputs
- **href**: `string` - 
- **id**: `string` - 
- **isCurrent**: `boolean` - 
- **label**: `string` - 
- **linkExtraAttributes**: `literal type` - Custom attributes, to be added to the <a> tag of the menu item.
- **queryParams**: `Params | null` - 
- **queryParamsHandling**: `QueryParamsHandling` - 
- **routerLink**: `string | any[]` - 
- **target**: `string` - 
- **toggleAriaLabel**: `string` - When in mobile view, use this property to set aria-label for the toggle items button (to expand item's children).
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **menuItemCaret**: `EventEmitter` - 
- **menuItemFocus**: `EventEmitter` - 
- **menuItemHover**: `EventEmitter` - Event that is emited on clicking the caret button to expand item's children in mobile mode.
- **menuItemHoverOut**: `EventEmitter` - 
- **menuItemKeydown**: `EventEmitter` - 
- **menuItemSelect**: `EventEmitter` - 
- **menuMegaItemSelect**: `EventEmitter` - 
- **menuMegaLastItemTab**: `EventEmitter` - This event is emited when the keyboard nav reaches the last item in mobile view. Then the next focused element should be the 'close' btn.
