Skip to content

A2Step ​

Displays progress through an ordered workflow. The component is not bound to form data.

Properties ​

PropertyTypeDefaultDescription
steps{ title: string; description?: string }[][]Ordered steps to display
activenumber0Zero-based current step; values outside the range are clamped
direction'horizontal' | 'vertical''horizontal'Display direction

An empty steps array renders no steps.

JSON example ​

json
[
  {
    "id": "progress",
    "component": "Step",
    "active": 1,
    "direction": "horizontal",
    "steps": [
      { "title": "Submit", "description": "Enter application details" },
      { "title": "Review" },
      { "title": "Complete" }
    ]
  }
]

A2UI Documentation