packages/components/eui-sidebar-menu/eui-sidebar-menu.component.ts
A sidebar menu component that wraps the EUI menu component. This component provides a collapsible sidebar navigation menu with various display options.
Example :<eui-sidebar-menu
[items]="menuItems"
[isCollapsed]="isCollapsed"
[hasFilter]="true" />| encapsulation | ViewEncapsulation.None |
| selector | eui-sidebar-menu |
| imports |
EUI_MENU
|
| templateUrl | ./eui-sidebar-menu.component.html |
| styleUrl | ./eui-sidebar-menu.scss |
Properties |
Inputs |
Outputs |
HostBindings |
| expandAllItems |
Default value : false, { transform: booleanAttribute }
|
|
Whether to initially expand all menu items |
| externalTarget |
|
Target for external links |
| filterValue |
Default value : ''
|
|
Initial value for the filter input |
| fragmentId |
|
ID of the fragment to navigate to |
| hasBoldRootLevel |
Default value : false, { transform: booleanAttribute }
|
|
Whether to make root level menu items bold |
| hasCollapsedInitials |
Default value : false, { transform: booleanAttribute }
|
|
Whether to show initials in collapsed mode |
| hasFilter |
Default value : false, { transform: booleanAttribute }
|
|
Whether to show a filter input for searching menu items |
| hasIcons |
Default value : false, { transform: booleanAttribute }
|
|
Whether to show icons for menu items |
| hasTooltip |
Default value : true, { transform: booleanAttribute }
|
|
Whether to show tooltips for menu items |
| hasTooltipOnExpanded |
Default value : false, { transform: booleanAttribute }
|
|
Whether to show tooltips even when the menu is expanded |
| isCollapsed |
Default value : false, { transform: booleanAttribute }
|
|
Whether the sidebar is collapsed |
| items |
Default value : []
|
|
The menu items to be displayed |
| searchFilterLabel |
|
Label for the search filter input |
| style |
|
Custom inline styles for the sidebar container |
| itemClick |
Type : EuiMenuItem
|
|
Event emitted when a menu item is clicked |
| menuClick |
Type : boolean
|
|
Event emitted when the menu itself is clicked |
| class |
Type : string
|
Default value : 'eui-sidebar-menu'
|
|
CSS class binding for the host element |
| string |
Type : string
|
Default value : 'eui-sidebar-menu'
|
Decorators :
@HostBinding('class')
|
|
CSS class binding for the host element |