Steps
Navigation

Steps.

A compact progress tracker for multi-step workflows.

Real interactive component
Live demo
  1. Account
  2. 2
    Details
  3. 3
    Complete

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

3 props
ParameterTypeRequiredDefaultPossible valuesDescription
itemsArray<{label: string; description?: string}>Yes——Ordered progress steps.
currentnumberYes——Zero-based index of the current step.
classNamestringNo——Additional CSS class on the outer component element.