A stepper component that provides a wizard-like workflow by dividing content into logical steps.
- Slots
-
default— Renders `igc-step` components inside the default slot.
Properties
Section titled "Properties"animationDuration
Section titled "animationDuration"The animation duration in either vertical or horizontal mode in milliseconds.
animationDuration: numbercontentTop
Section titled "contentTop"Whether the content is displayed above the steps.
contentTop: booleanhorizontalAnimation
Section titled "horizontalAnimation"The animation type when in horizontal mode.
horizontalAnimation: HorizontalTransitionAnimationlinear
Section titled "linear"Whether the stepper is linear.
linear: booleanorientation
Section titled "orientation"The orientation of the stepper.
orientation: StepperOrientationstepType
Section titled "stepType"The visual type of the steps.
stepType: StepperStepTypetitlePosition
Section titled "titlePosition"The position of the steps title.
titlePosition: StepperTitlePositionverticalAnimation
Section titled "verticalAnimation"The animation type when in vertical mode.
verticalAnimation: StepperVerticalAnimationAccessors
Section titled "Accessors"steps
Section titled "steps"Returns all of the stepper's steps.
get steps(): readonly IgrStepComponent[]Returns readonly IgrStepComponent[]
Methods
Section titled "Methods"navigateTo
Section titled "navigateTo"Activates the step at a given index.
navigateTo(index: number): voidParameters
- index:
number
Returns void
Activates the next enabled step.
next(): voidReturns void
Activates the previous enabled step.
prev(): voidReturns void
reset
Section titled "reset"Resets the stepper to its initial state i.e. activates the first step.
reset(): voidReturns void
Events
Section titled "Events"onActiveStepChanged
Section titled "onActiveStepChanged"Emitted after the active step has changed.
onActiveStepChanged(args: CustomEvent<IgrActiveStepChangedEventArgs>): voidParameters
Returns void
onActiveStepChanging
Section titled "onActiveStepChanging"Emitted when the active step is about to change. Cancelable.
onActiveStepChanging(args: CustomEvent<IgrActiveStepChangingEventArgs>): void