Developer mode
Opens components on the React tab by default.
Your bookmarks

Timeline

Shows progress on a process over time.

Often, it’s the journey that makes travel interesting, not just the destination. People can be excited about an upcoming journey as long as they know what to expect.

Show users how a process is proceeding with a timeline. You can show the countdown from booking to check-in to boarding to arrival. Or let users know how their requests are being processed and when they can expect resolution.

If they can see that progress is being made, they will know what to expect and so be less anxious.

Component status

Figma
Designing
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Docs
Planned
Waiting on design

Related components

Wizard

A timeline informs users about a process outside their control. To show them where they are in a task they should complete themselves, use a wizard.