Step Tracker

The Step Tracker fragment helps you build multi-step forms with a clear visual representation of progress. It consists of two components: Tracker Container: Serves as the wrapper for your multi-step form and ensures proper layout and spacing for the step tracker and form content. Step Component: Displays the individual steps of the form. Each step can have a status of “past,” “active,” or “future,” automatically changing color to guide users through the form. Use Case: Ideal for checkout flows, onboarding processes, surveys, or any multi-step forms where you want users to clearly see their progress. Visual Style: Color-coded steps for intuitive navigation