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.
GrafanaThemeCommons interface
Signature
export interface GrafanaThemeCommons
Import
import { GrafanaThemeCommons } from '@grafana/data';
Properties
Property | Type | Description |
---|---|---|
border | { radius: { sm: string; md: string; lg: string; }; width: { sm: string; }; } | |
breakpoints | { xs: string; sm: string; md: string; lg: string; xl: string; xxl: string; } | |
height | { sm: number; md: number; lg: number; } | |
name | string | |
panelHeaderHeight | number | |
panelPadding | number | |
spacing | { base: number; insetSquishMd: string; d: string; xxs: string; xs: string; sm: string; md: string; lg: string; xl: string; gutter: string; formSpacingBase: number; formMargin: string; formFieldsetMargin: string; formInputHeight: number; formButtonHeight: number; formInputPaddingHorizontal: string; formInputAffixPaddingHorizontal: string; formInputMargin: string; formLabelPadding: string; formLabelMargin: string; formValidationMessagePadding: string; formValidationMessageMargin: string; inlineFormMargin: string; } | |
typography | { fontFamily: { sansSerif: string; monospace: string; }; size: { base: string; xs: string; sm: string; md: string; lg: string; }; weight: { light: number; regular: number; semibold: number; bold: number; }; lineHeight: { xs: number; sm: number; md: number; lg: number; }; heading: { h1: string; h2: string; h3: string; h4: string; h5: string; h6: string; }; link: { decoration: string; hoverDecoration: string; }; } | |
zIndex | { dropdown: number; navbarFixed: number; sidemenu: number; tooltip: number; modalBackdrop: number; modal: number; portal: number; typeahead: number; } |
border property
Signature
border: {
radius: {
sm: string;
md: string;
lg: string;
};
width: {
sm: string;
};
};
breakpoints property
Signature
breakpoints: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
xxl: string;
};
height property
Signature
height: {
sm: number;
md: number;
lg: number;
};
name property
Signature
name: string;
panelHeaderHeight property
Signature
panelHeaderHeight: number;
panelPadding property
Signature
panelPadding: number;
spacing property
Signature
spacing: {
base: number;
insetSquishMd: string;
d: string;
xxs: string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
gutter: string;
formSpacingBase: number;
formMargin: string;
formFieldsetMargin: string;
formInputHeight: number;
formButtonHeight: number;
formInputPaddingHorizontal: string;
formInputAffixPaddingHorizontal: string;
formInputMargin: string;
formLabelPadding: string;
formLabelMargin: string;
formValidationMessagePadding: string;
formValidationMessageMargin: string;
inlineFormMargin: string;
};
typography property
Signature
typography: {
fontFamily: {
sansSerif: string;
monospace: string;
};
size: {
base: string;
xs: string;
sm: string;
md: string;
lg: string;
};
weight: {
light: number;
regular: number;
semibold: number;
bold: number;
};
lineHeight: {
xs: number;
sm: number;
md: number;
lg: number;
};
heading: {
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h6: string;
};
link: {
decoration: string;
hoverDecoration: string;
};
};
zIndex property
Signature
zIndex: {
dropdown: number;
navbarFixed: number;
sidemenu: number;
tooltip: number;
modalBackdrop: number;
modal: number;
portal: number;
typeahead: number;
};