Docebo libraries documentation site
vdevelop
Get Started
Guides
Overview Icons Illustrations Theme
Components
Accordion Avatar Badge Alert Badge Icon Badge Status Blank Slate Button Calendar Card Carousel Chip Data Browser Expandable Content Facet List
Filters
Filter Filter Container Filter Multiple Selection Filter Single Selection Filter Slider Range Selection Filter Slider Selection
Helper Message Icon Illustration
Inputs
Input Autocomplete Input Checkbox Input Checkbox Group Input Combobox Input Date Input Password Input Radio Group Input Rating Input Search Input Select Input Slider Input Text Input Toggle Input Upload
Link List List Listbox List Navigation List Presentation List Sheet List Tablist List Tree Menu Modal Dialog Navigation Notification Pagination Bar Popover Progress Skeleton Stepper Table Toast Tooltip
API References
@elemental/ui / Class

LmnNavigationBarComponent

Decorators:@Component
Selectors:lmn-navigation-tablist lmn-navigation-links
Implements:OnChangesAfterViewInitOnDestroy

No documentation has been provided.

Properties

NameTypeDescription
activeItem
r
ModelSignal<string | undefined>
changeItem
r
OutputEmitterRef<LmnNavigationBarChangeItemEvent>
items
r
Signal<readonly LmnNavigationItemComponent[]>
itemsContainer
r
Signal<ElementRef<any>>
lmnKeyboardNavigationManager
r
Signal<LmnKeyboardNavigationManagerDirective>
nativeElement
r
HTMLElement
negative
r
InputSignalWithTransform<boolean, unknown>
nextButtonTooltip
r
InputSignal<string | undefined>
previousButtonTooltip
r
InputSignal<string | undefined>
role
string

Methods

checkIfTranslationNeeded()

Checks if translation is needed based on the active item's name.

Notes

This method is intended to be called by child components LmnTabItemComponent, to determine if a translation of the navigation bar is needed based on the active item's position.

Presentation
checkIfTranslationNeeded(elementRef: HTMLElement | ElementRef<any>): void;
Parameters
NameTypeDescription
elementRef
HTMLElement | ElementRef<any>

@param {ElementRef} elementRef - The active element

Returns
void

goToNextChunk()

Navigate to the next chunk in the navigation bar.

Presentation
goToNextChunk(): void;
Returns
void

goToPreviousChunk()

Navigate to the previous chunk in the navigation bar.

Presentation
goToPreviousChunk(): void;
Returns
void

requestToActivateItem()

Requests the activation of a navigation item.

Notes

This method creates a Subject to check if activation can proceed and emits an event to activate the item.

Presentation
requestToActivateItem(activeItem: string): void;
Parameters
NameTypeDescription
activeItem
string

@param {string} activeItem - The name of the item to be activated.

Returns
void