SiNavbarItemComponent documentation¶

selector

si-navbar-item

Deprecated: Use the new si-application-header instead.

Input Properties¶

Name	Type	Default	Description
item ¶	`MenuItem`		MenuItem to display in the navbar.
quickAction ¶	`boolean`	`false`	Is the item a quick action displayed on the end (right in LTR) side

Attributes and Methods¶

Name	Type	Default	Description
(readonly) dropdownTrigger ¶	`Signal`<(`undefined` \| `SiHeaderDropdownTriggerDirective`)>	...

Types Documentation¶

HeaderWithDropdowns

¶

Interface

Properties
Whether the dropdown should be opened inline. inlineDropdown?: `Observable`<`boolean`>¶
The position of the dropdown if opened in an overlay. overlayPosition?: `ConnectedPosition`[]¶

Methods

dropdownClosed

(trigger: SiHeaderDropdownTriggerDirective) => void¶

Called whenever a dropdown is close *

Parameters
trigger: `SiHeaderDropdownTriggerDirective`¶

dropdownOpened

(trigger: SiHeaderDropdownTriggerDirective) => void¶

Called whenever a dropdown is opened *

Parameters
trigger: `SiHeaderDropdownTriggerDirective`¶

Called whenever an item is triggered that is not opening another dropdown.
onDropdownItemTriggered: () => void¶

SiHeaderDropdownTriggerDirective

implements OnChanges, OnInit, OnDestroy¶

Class

▶

Trigger to open dropdowns in a navbar. A dropdown will always be attached to the view, even if not visible.

If a dropdown is opened in desktop mode, it will be reattached to an overlay while being opened.

Constructor
() => `{}`¶

Properties
_isOpen: `boolean` = `false`¶
ariaControls: `string` = ...¶
destroying: `boolean` = `false`¶
Template that be rendered inside the dropdown. dropdown: `InputSignal`<`TemplateRef`<`unknown`>> = ...¶
dropdownClose: `Subject`<`void`> = ...¶
Data that should be passed as template context to the dropdown. dropdownData: `InputSignal`<`unknown`> = ...¶
elementRef: `ElementRef`<`HTMLElement`> = ...¶
headerAnchorComponentRef?: `ComponentRef`<`SiHeaderAnchorComponent`>¶
id: `string` = ...¶
injector: `DestroyableInjector` = ...¶
level: `number` = ...¶
navbar: (`null` \| `HeaderWithDropdowns`) = ...¶
Emits whenever a dropdown is opened or closed. openChange: `OutputEmitterRef`<`boolean`> = ...¶
Child triggers will set themselves here if they are open. openSubmenu?: `SiHeaderDropdownTriggerDirective`¶
overlay: `Overlay` = ...¶
overlayRef?: `OverlayRef`¶
parent: (`null` \| `SiHeaderDropdownTriggerDirective`) = ...¶
portal?: `TemplatePortal`<`unknown`>¶
viewContainerRef: `ViewContainerRef` = ...¶
viewRef?: `EmbeddedViewRef`<`unknown`>¶
idCounter: `number` = `0`¶

Accessors
Whether the dropdown is open. get isOpen: `boolean`¶
get isOverlay: `boolean`¶

Methods

attachDropdownInline: () => void¶

attachDropdownOverlay: () => void¶

click: () => void¶

close

(options: { all: boolean }) => void¶

Closes the dropdown.

Parameters
options?: { all: `boolean` }¶

A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
ngOnChanges: () => void from OnChanges.ngOnChanges¶

A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.
ngOnDestroy: () => void from OnDestroy.ngOnDestroy¶

A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
ngOnInit: () => void from OnInit.ngOnInit¶

Opens the dropdown.
open: () => void¶

Except where otherwise noted, content on this site is licensed under MIT License.