No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

MultiStepper
Multi progress stepper. MultiStepper accepts a number of VerticalStep components
Each VerticalStep accepts one or multiple HorizontalStep components.
  • step 1
  • step 2
  • step 3
  • 1.1
  • 1.2
  • 1.3
Content 1.1
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>>[]
-
Stories
Single
  • step 1
  • step 2
  • step 3
Content step 1
No Markup
  • step 1
  • step 2
  • step 3
  • 1.1
  • 1.2
  • 1.3
Content 1.1