COMPONENT FAMILY

Feedback at the source

Governed by C16. 3 components in this family, each drawn from its registry entry.

Motion preference System Reduced Static

C16 C21 C19 · Web page, Web app, Mobile app

Default · illustrative

ANATOMY

State matrix · static HTML, readable without JavaScript
State	Looks like	Does
`default`	Opaque surface, legible label, essential boundary	Real enabled semantics
`pending`	Stable label and small progress mark	Busy, duplicate guard; cancel if operation allows
`error`	Danger icon, explicit text and retry	Preserve safe inputs; error related to source
`stale`	Muted surface and an age label beside the value	The value stays readable and carries its age; never a pulse
`offline`	Dimmed live surfaces and an offline notice with what is still available	Cached content stays readable; recovery names the retry

No motif: this component does not animate a state change (C31).

C16 C19 · Web page, Web app, Mobile app

Default · illustrative

ANATOMY

State matrix · static HTML, readable without JavaScript
State	Looks like	Does
`default`	Opaque surface, legible label, essential boundary	Real enabled semantics
`pending`	Stable label and small progress mark	Busy, duplicate guard; cancel if operation allows
`confirmed`	Success check and specific confirmation	Retain durable result in the surface
`error`	Danger icon, explicit text and retry	Preserve safe inputs; error related to source

Four stills of the same transition. Playback repeats it; the stills explain it on their own.

C16 C01 C19 · Web page, Web app, Mobile app

Default · illustrative

ANATOMY

State matrix · static HTML, readable without JavaScript
State	Looks like	Does
`default`	Opaque surface, legible label, essential boundary	Real enabled semantics

No motif: this component does not animate a state change (C31).