Type alias KpiTextStyle

KpiTextStyle: Pick< TextStyle, "fontFamily" | "fontStyle" | "fontWeight" > & { textTransform?: KpiTextTransform; }

Typography of a KPI card text element.

Sizing is not part of it: the headline value is sized by textSize on KpiValueStyleOptions, and the other elements have fixed sizes relative to the card. Color is not part of it either: the value is colored through its measure (see KpiChartDataOptions.value) and the comparison through color on KpiComparisonStyleOptions.

fontFamily defaults to the theme's typography.fontFamily.

Example

Turn off the default uppercase title and lighten the headline value:

styleOptions: {
  title: { textStyle: { textTransform: 'none' } },
  value: { textStyle: { fontWeight: '400' } },
}

KpiTextStyle.textTransform

textTransform?: KpiTextTransform

Text case transformation.