Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Enterprise Open source

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

typescript
export interface ThemeTypography 

Import

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
pxToRem: (px: number) => string;

size property

Signature

typescript
size: {
        base: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };