UI Kits
Productivity

Task Item

Task row with completion and priority.

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
<label class="ap-task"><input type="checkbox"><div><strong>Review homepage content</strong><span>Due today · High priority</span></div></label>
Related components

More in Productivity