Anatomy

A to-do card consists of a container (A), a title (B), optional supporting text or metadata (C), and a primary action or checkbox (D).

Purpose

To-do cards highlight tasks or actions users need to complete — typically system-driven and time-bound.

Contextual

Add brief supporting info to clarify what the task is or why it matters.