Stat

Headline figure in Cormorant light with an honest qualifier.

Prop	Type	Notes
`label`	`React.ReactNode`	Engraved eyebrow above the figure.
`value` (required)	`React.ReactNode`	The figure itself — exact, never rounded up.
`qualifier`	`React.ReactNode`	Quiet qualifier beside the figure, e.g. "estimate".
`detail`	`React.ReactNode`	Detail line under it, e.g. "envelope $3.80–$5.90".
`className`	`string`

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

Preview

Declarations

TypeScript

export interface StatProps extends React.HTMLAttributes<HTMLDivElement> {
  /** Engraved eyebrow above the figure. */
  label?: React.ReactNode;
  /** The figure itself — exact, never rounded up. */
  value: React.ReactNode;
  /** Quiet qualifier beside the figure, e.g. "estimate". */
  qualifier?: React.ReactNode;
  /** Detail line under it, e.g. "envelope $3.80–$5.90". */
  detail?: React.ReactNode;
  className?: string;
}

/**
 * Headline figure in Cormorant light with an honest qualifier.
 */
export function Stat(props: StatProps): React.JSX.Element;