Skip to content

StepsLayout

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.