StepTimeline.
A vertical timeline of steps — a connector line runs through numbered nodes, each with a title and a description. For onboarding, "how it works", or any ordered process. A horizontal variant lays the nodes left-to-right.
When to use
Reach for StepTimeline when a process is explicitly sequential and the connection between steps matters — onboarding, an audit-to-recovery flow, a multi-stage rollout. Use NumberedCardRow when the steps are independent enough to read as cards without a connecting line.
Vertical
- 1
Connect
Link your carrier accounts in a few minutes.
- 2
Audit
Every invoice is checked against your contract automatically.
- 3
Recover
We file the claims and track each credit back to your account.
Horizontal variant
- 1
Connect
Link your carrier accounts.
- 2
Audit
Invoices checked against the contract.
- 3
Recover
Claims filed, credits tracked back.