This is documentation for the next version of Grafana. For the latest stable release, go to the latest version.

API Reference@grafana/dataThemeTypography

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

export interface ThemeTypography 

Import

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

Properties

Property Type Description
body ThemeTypographyVariant (BETA)
bodySmall ThemeTypographyVariant (BETA)
fontFamily string (BETA)
fontFamilyMonospace string (BETA)
fontSize number (BETA)
fontWeightBold number (BETA)
fontWeightLight number (BETA)
fontWeightMedium number (BETA)
fontWeightRegular number (BETA)
h1 ThemeTypographyVariant (BETA)
h2 ThemeTypographyVariant (BETA)
h3 ThemeTypographyVariant (BETA)
h4 ThemeTypographyVariant (BETA)
h5 ThemeTypographyVariant (BETA)
h6 ThemeTypographyVariant (BETA)
htmlFontSize number (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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

pxToRem: (px: number) => string;

size property

Signature

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