Type Alias TextProps

Type Declaration

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

  Visual priority. Maps to text-1..text-4 (primary = text-1, the strongest). The default is secondary (text-2) — body text reads a step softer than the strongest foreground; pass primary for emphasis.

  Default Value

  secondary
  Copy

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

  Color tint. neutral (the default) is the untinted --text-{N} scale; a named tone applies the matching --text-{N}-{tone} palette. Any literal CSS color ('#ff1493', 'rebeccapurple') is a one-off custom tone — its hue is kept while lightness/chroma are pinned per priority in oklch.

  Default Value

  neutral
  Copy

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

  Type scale. 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

  Truncate with a trailing ellipsis. true (or 1) clamps to a single line; any integer ≥ 2 clamps to that many lines; 0 or a negative value means no truncation. A clipped, non-expandable JSX Text shows its text content in a tooltip by default. Nest a <Tooltip> to provide your own tooltip instead. Uses the -webkit-line-clamp technique, supported in all major browsers (Firefox 68+, Chrome, Safari, Edge).