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

LmnStepperComponent

Decorators:@Component
Selectors:lmn-stepper
Implements:OnChangesAfterViewInitOnDestroy

No documentation has been provided.

Properties

NameTypeDescription
activeStep
r
ModelSignal<string | undefined>
changeStep
r
OutputEmitterRef<LmnStepperChangeStepEvent>
isWidthZoneLG
r
Signal<boolean>
isWidthZoneSM
r
Signal<boolean>
items
r
Signal<readonly LmnStepComponent[]>
itemsContainer
r
Signal<ElementRef<any>>
keyboardNavigationManager
r
Signal<LmnKeyboardNavigationManagerDirective>
nativeElement
r
HTMLElement
negative
r
InputSignalWithTransform<boolean, unknown>
nextButtonTooltip
r
InputSignal<string | undefined>
previousButtonTooltip
r
InputSignal<string | undefined>
widthZone
r
WritableSignal<LmnWidthZone>

Methods

activePreviousStep()

No documentation has been provided.

Presentation
activePreviousStep(): void;
Returns
void

checkIfTranslationNeeded()

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

Notes

This method is intended to be called by child components LmnStepComponent, to determine whether a translation is needed based on the active item's position.

Presentation
checkIfTranslationNeeded(elementRef: HTMLElement): void;
Parameters
NameTypeDescription
elementRef
HTMLElement

@param {ElementRef} elementRef - The active element.

Returns
void

goToNextChunk()

Navigate to the next chunk.

Presentation
goToNextChunk(): void;
Returns
void

goToPreviousChunk()

Navigate to the previous chunk.

Presentation
goToPreviousChunk(): void;
Returns
void

requestToActivateItem()

Requests the activation of a step.

Notes

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

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

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

Returns
void