Documentation for automated readers
A curated documentation index is available at: https://grafana.com/llms.txt
A complete documentation index is available at: https://grafana.com/llms-full.txt
These indexes can help with page discovery before fetching individual documents.
This page is also available in Markdown, which may be easier for automated readers and AI tools to parse than HTML. The Markdown version is available at https://grafana.com/docs/grafana/v8.4/packages_api/data/themetypography.md, or by sending Accept: text/markdown to https://grafana.com/docs/grafana/v8.4/packages_api/data/themetypography/. For broader documentation discovery, the curated index is available at https://grafana.com/llms.txt and the complete index is available at https://grafana.com/llms-full.txt.
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;
};