The Stepper component is a visual tool designed to display a sequence of steps and highlight the user’s current position within that sequence. Each step can have a label and, if needed, a tooltip that appears when hovered, providing additional information. Authors can mark a step as “active” to indicate the current point in the process. The Stepper is useful for guiding users through a multi-step process, such as form submissions or onboarding flows, where a clear visual progression enhances user experience.
The Stepper component offers several content options to help clarify each step in a sequence. Here’s a quick breakdown of each option:
The only styling option this component includes is the ability to adjust spacing above and below.
the end
the end