- ThemeTypography interface
- body property
- bodySmall property
- fontFamily property
- fontFamilyMonospace property
- fontSize property
- fontWeightBold property
- fontWeightLight property
- fontWeightMedium property
- fontWeightRegular property
- h1 property
- h2 property
- h3 property
- h4 property
- h5 property
- h6 property
- htmlFontSize property
- pxToRem property
- size property
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;
};