Skip to content

Description

StepsLayout.Step show child components when the surrounding StepsLayout has been navigated to this step. StepsLayout keeps track of what is the active step, and navigating between steps is done through callbacks on the StepsContext, i.e. using navigation buttons.

Demos

See StepsLayout demo section for examples.

Properties

PropertyTypeDescription
titlestring(optional) Title of the step.
directionstring(optional) Direction of the contents (sent to the wrapping FlexContainer).
spacingboolean(optional) For the wrapping FlexContainer.
childrenReact.Node(required) Contents of the step.