UI Kits
Productivity

Timeline

Vertical activity timeline.

Add to UI Builder
Usage guidance

When to use it.

Optimize for scanning, keyboard use, and repeated daily workflows.

Accessibility

Implementation notes.

  • Support keyboard interaction for repeated workflows.
  • Use status text in addition to icons.
  • Keep controls consistently placed.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<section class="ap-timeline"><div><i></i><section><strong>Project created</strong><span>Today · 9:32 AM</span></section></div><div><i></i><section><strong>Customer approved</strong><span>Yesterday · 3:18 PM</span></section></div><div><i></i><section><strong>Estimate sent</strong><span>Monday · 11:04 AM</span></section></div></section>
Related components

More in Productivity