← All Components

Canon

Interactive

Interactive components can clarify state and progression, but they can also hide meaning. Use them when interaction helps the user understand the workflow.

Published July 5, 2026

What Ships Today

  • HoverCard contextual disclosure candidates for optional detail with a persistent equivalent
  • IntegrationFlow candidates for tool, system, or MCP connection sequences
  • authoring and timeline candidates
  • decorative effects that remain classified out

Property Usage Notes

Use HoverCard only when hover/focus reveals supporting detail and the page still works without that disclosure. Use IntegrationFlow when a property needs to show how tools, MCP servers, policies, approvals, and receipts connect across a workflow.

Selection Rules

  1. Do not depend on hover as the only path to meaning.
  2. Provide keyboard and reduced-motion behavior.
  3. Keep visual effects out of the stable registry unless they carry a clear product contract.

Related