ThemeTypography interface

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

Signature

  1. export interface ThemeTypography

Import

  1. import { ThemeTypography } from '@grafana/data';

Properties

PropertyTypeDescription
bodyThemeTypographyVariant(BETA)
bodySmallThemeTypographyVariant(BETA)
fontFamilystring(BETA)
fontFamilyMonospacestring(BETA)
fontSizenumber(BETA)
fontWeightBoldnumber(BETA)
fontWeightLightnumber(BETA)
fontWeightMediumnumber(BETA)
fontWeightRegularnumber(BETA)
h1ThemeTypographyVariant(BETA)
h2ThemeTypographyVariant(BETA)
h3ThemeTypographyVariant(BETA)
h4ThemeTypographyVariant(BETA)
h5ThemeTypographyVariant(BETA)
h6ThemeTypographyVariant(BETA)
htmlFontSizenumber(BETA)
pxToRem(px: number) => string(BETA)
size{
base: string;
xs: string;
sm: string;
md: string;
lg: string;
}
(BETA)

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

body property

Signature

  1. body: ThemeTypographyVariant;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

bodySmall property

Signature

  1. bodySmall: ThemeTypographyVariant;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

fontFamily property

Signature

  1. fontFamily: string;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

fontFamilyMonospace property

Signature

  1. fontFamilyMonospace: string;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

fontSize property

Signature

  1. fontSize: number;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

fontWeightBold property

Signature

  1. fontWeightBold: number;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

fontWeightLight property

Signature

  1. fontWeightLight: number;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

fontWeightMedium property

Signature

  1. fontWeightMedium: number;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

fontWeightRegular property

Signature

  1. fontWeightRegular: number;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

h1 property

Signature

  1. h1: ThemeTypographyVariant;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

h2 property

Signature

  1. h2: ThemeTypographyVariant;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

h3 property

Signature

  1. h3: ThemeTypographyVariant;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

h4 property

Signature

  1. h4: ThemeTypographyVariant;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

h5 property

Signature

  1. h5: ThemeTypographyVariant;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

h6 property

Signature

  1. h6: ThemeTypographyVariant;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

htmlFontSize property

Signature

  1. htmlFontSize?: number;

This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.

pxToRem property

Signature

  1. pxToRem: (px: number) => string;

size property

Signature

  1. size: {
  2. base: string;
  3. xs: string;
  4. sm: string;
  5. md: string;
  6. lg: string;
  7. };