Health

The EuiHealth component should be used when showing comparative health of listed objects (like servers, HTTP response status codes(as per convenience), nodes, indexes..etc). Because icons are vague and bulky and color alone does not work, color plus text provides a recognizable, lightweight combo that works in most situations.

Loading...

Text sizes

Match the text size of EuiHealth to your context by passing

xs / s / m / inherit to the textSize prop. The inherit style will get its font size from the parent element.

Loading...

Props

EuiHealth

Extends HTMLAttributes

𐘂𐘂

✄𐘗✄𐘗

Prop ↦	Description and type ↦	Default value ↵
Prop className# ↦	Description and type Type: string ↦	Default value ↵
Prop aria-label# ↦	Description and type Defines a string value that labels the current element. @see aria-labelledby. Type: string ↦	Default value ↵
Prop data-test-subj# ↦	Description and type Type: string ↦	Default value ↵
Prop css# ↦	Description and type Type: Interpolation<Theme> ↦	Default value ↵
Prop color# ↦	Description and type Sets the color of the dot icon. It accepts any IconColor: default, primary, success, accent, warning, danger, text, subdued or ghost; or any valid CSS color value as a string Type: string ↦	Default value ↵
Prop textSize# ↦	Description and type Matches the text scales of EuiText. The inherit style will get its font size from the parent element Type: "xs" | "s" | "m" | "inherit" ↦	Default value s ↵

𐘂𐘂