FEEDBACK / COMPONENTS
Timeline
Make a sequence of events easy to follow.
About timeline
Timeline is used to display sequential items with corresponding statuses.
Anatomy
Shared parts, named consistently.
- Tokens imported — complete
Your foundations are connected.
Today, 9:24 AM - Theme review — current
Check color, type, and density.
In progress - Publish release — upcoming
Approve the reviewed changes.
- 1Timeline ItemRequired
The container of the item.
- 2ImageRequired
A slot to place an image or icon.
- 3Label
The title of the item.
- 4Status
A slot to place the status.
- 5Icon ButtonRequired
An Icon Button to open and close the item.
- 6Children
A slot to place the content.
Try the default
A working example with the shared V1 visual language.
- Tokens imported — complete
Your foundations are connected.
Today, 9:24 AM - Theme review — current
Check color, type, and density.
In progress - Publish release — upcoming
Approve the reviewed changes.
When to use
Use for activity history or a sequence of events. Explain statuses in text and choose a consistent chronological direction.
An ordered list preserves reading order. Static events are not additional keyboard stops.