UIKeyValue

Preview

Default

StatusRunning

Duration3m 42s

Modelclaude-sonnet-4-20250514

Tokens12,345

With custom label width and rich values

StatusActive

PriorityHigh

AssigneeMartin

Props

Prop	Type	Default	Description
items	Array<{ label: string; value: ReactNode }>	required	Key-value pairs
labelWidth	string	—	Fixed width for labels (e.g. "120px")

Usage

import { UIKeyValue } from "tango-api";

<UIKeyValue items={[
  { label: "Branch", value: "main" },
  { label: "Commit", value: "abc123" },
]} />