Description
StepsLayout is a wrapper component for showing forms with a StepIndicator for navigation between several steps. It also includes components for navigating between steps.
Components
StepsLayout
The container component for layout with separate steps and step indicator. Adds the required context to make step navigation work.
Step
Each step should be wrapped with a Step component directly inside StepsLayout.
NextButton
`StepsLayout.NextButton` connects to the `StepsContext` to move the user to the next step when clicked.
PreviousButton
`StepsLayout.PreviousButton` connects to the `StepsContext` to move the user to the previous step when clicked.
Buttons
`StepsLayout.Buttons` Is a composition for a row containing both PreviousButton and NextButton.