Communicates workflow, SLA, contract, job, webhook and notification status.
System role
Contract metadata resolves content, policy and state; recipe axes resolve presentation.
Rendered component states
Use
tone: neutral is selected by contract metadata, responsive context or explicit recipe configuration for StatusBadge.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: info is selected by contract metadata, responsive context or explicit recipe configuration for StatusBadge.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: success is selected by contract metadata, responsive context or explicit recipe configuration for StatusBadge.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: warning is selected by contract metadata, responsive context or explicit recipe configuration for StatusBadge.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
tone: danger is selected by contract metadata, responsive context or explicit recipe configuration for StatusBadge.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
pill is selected by contract metadata, responsive context or explicit recipe configuration for StatusBadge.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
dot is selected by contract metadata, responsive context or explicit recipe configuration for StatusBadge.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
always-visible label is selected by contract metadata, responsive context or explicit recipe configuration for StatusBadge.
Motion
Static by default; local state changes use a short 240ms opacity/transform transition when helpful.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.