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

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

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;
    };