KeyValueList

Key–value rows with right-aligned values — spend by project, by week.

Prop	Type	Notes
`items` (required)	`KeyValueItem[]`
`className`	`string`

Other props pass through to the root element (React.HTMLAttributes<HTMLDListElement>).

Preview

Declarations

TypeScript

export interface KeyValueItem {
  label: React.ReactNode;
  value: React.ReactNode;
  /** Default true — mono + tabular for the value column. */
  mono?: boolean;
}

export interface KeyValueListProps extends React.HTMLAttributes<HTMLDListElement> {
  items: KeyValueItem[];
  className?: string;
}

/**
 * Key–value rows with right-aligned values — spend by project, by week.
 */
export function KeyValueList(props: KeyValueListProps): React.JSX.Element;