A progress indicator that shows where the user is in a multi-step flow. Each step is either completed, current, or upcoming, derived from the current binding.
The default orientation. Steps are laid out in a row with connector lines between them.
Use orientation="vertical" for sidebar or form-wizard layouts.
Set readonly={false} to allow clicking completed steps to go back. Combine with Next/Back buttons to build a full wizard.
The compact prop reduces the icon size and hides descriptions — useful in tight layouts.