Type Alias TextProps

Type Declaration

• Optional Unreviewedpriority?: "primary" | "secondary" | "tertiary" | "quaternary"

  Text emphasis, from primary (--text-1, strongest) to quaternary (--text-4). secondary uses --text-2; tertiary uses --text-3. Neutral primary/secondary links use --link-color and --link-color-hover. Tertiary/quaternary links inherit the text color, with --text-2 and --text-3 respectively on hover.

  Default Value

  secondary
  Copy

• Optional Unreviewedtone?: "neutral" | "brand" | "info" | "success" | "warning" | "critical" | string & {}

  Color tint. neutral uses --text-{N}; named tones use --text-{N}-{tone}. A CSS color such as rebeccapurple keeps its hue, with lightness and chroma set per priority in oklch. With named tones, links inherit the text color and hover uses the next-stronger tone level; at primary, hover changes only the underline.

  Default Value

  neutral
  Copy

• Optional Unreviewedsize?: "small" | "medium" | "large"

  Font size / line height in pixels: small = 13/16, medium = 15/20, large = 17/24.

  Default Value

  medium
  Copy

• Optional Unreviewedinline?: boolean

  Render as inline-block instead of the default block element.

• Optional Unreviewedtruncate?: boolean | number

  Clamp with a trailing ellipsis: true or 1 selects one line, integers ≥ 2 select that many lines, and 0 or negative values disable truncation. Clipped, non-expandable Text shows its content in an automatic tooltip. Nest <Tooltip> to replace it or an empty tooltip to suppress it. Uses CSS -webkit-line-clamp in display: -webkit-box, with min-width: 0 for flex and grid layouts.