Stepper

the stepper element breaks a long or complex form into a sequence of named steps, presenting one step at a time with previous and next navigation buttons this dramatically reduces cognitive load for end users — instead of scrolling through a wall of fields, they progress through a guided, step by step journey with clear progress indicators each step within the stepper is a separate container with its own label, tooltip, and visibility the stepper's activestepindex attribute is fully controllable at runtime, meaning you can programmatically jump to a specific step — for example, skipping to step 3 based on a selection made in step 1, or returning the user to a step with validation errors the next and previous button labels are also customizable key use cases • onboarding forms broken into personal info / work details / documents / review steps • multi phase approval workflows where each step represents a reviewer's section • wizard style request forms that guide users through configuration choices • programmatically advancing activestepindex from a process to skip irrelevant steps • conditionally hiding steps that are not applicable to the current user or context runtime api — attributes in procesio forms both the stepper container and each step have their own api attributes, all accessible at runtime via the data model stepper container api name description type default notes nextbuttontext label shown on the next navigation button string next — previousbuttontext label shown on the previous navigation button string previous — activestepindex the index of the currently active step (0 based) — set programmatically to navigate number 0 — visible show or hide the entire stepper boolean true — name unique element name string — — id unique element id string — — individual step api name description type default notes label the step's title shown in the progress indicator string — — tooltip help text shown alongside the step label string — — visible show or hide this step boolean true — name unique step name string — — id unique step id string — — for support, please join our https //discord com/invite/cebukgjefv for further assistance and support