UI Kits
Productivity

Message Thread

Conversation thread layout.

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-thread"><article><div class="ap-avatar">JC</div><p><strong>Jamie</strong><span>Can we move the meeting to 2 PM?</span></p></article><article class="self"><p><strong>You</strong><span>Yes, 2 PM works.</span></p><div class="ap-avatar">FE</div></article></section>
Related components

More in Productivity