NameDescriptionDefaultControl
dataTestId
string
-
RootContainer
Root element of the MultiStepper.
ReactElement<any, string | JSXElementConstructor<any>>
<div />
MainLabelContainer
Containing element for the main labels
ReactElement<any, string | JSXElementConstructor<any>>
<ul />
SubLabelContainer
Containing element for the sub labels
ReactElement<any, string | JSXElementConstructor<any>>
<ul />
ContentContainer
Containing element for the SubLabelContainer and step content
ReactElement<any, string | JSXElementConstructor<any>>
<div />
renderMainLabel*
Render prop for the label of the vertical step
IRenderLabel
-
renderSubLabel*
Render prop for the label of the horizontal step
IRenderLabel
-
onChange*

Fires for every next and previous navigation action. Name refers to the newly activated step

(name: string) => void
--
onCompleted*
Fires on completion of the entire flow
() => void
--
children*
A number of VerticalStep components.
ReactElement<IVerticalStep, string | JSXElementConstructor<any>>[]
-