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.
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;
};Was this page helpful?
Related resources from Grafana Labs
