Open-source React and TypeScript design system with a token-driven foundation, live documentation, and machine-readable component contracts for coding agents.
Textarea is a multi-line native textarea for longer free-text content, composed with FormField for label and validation.
Text Input is a single-line text entry for short, free-form data such as names, emails, or search terms.
Timeline is a vertical, chronological event list built on Content/Timeline Item rows — Default outlined-ring or Highlighted solid-dot markers, connector suppression purely positional.
Toast is a transient floating notification for confirming actions or reporting short-lived events.
Toggle Group is exclusive segmented selection (radiogroup) with joined chrome — Segmented Control is this presentation, not a separate component.
Tooltip is a brief supplementary label for a trigger, shown on keyboard focus or pointer hover.
Tree View is a hierarchical, keyboard-navigable tree — file explorers, nested category browsers, org charts. Composes Content/Tree Item rows with roving-tabindex keyboard navigation and depth-based indentation.
Validation Message is inline typed feedback paired with a field — error, warning, success, or info — with icon and text.