Health

The EuiHealth component should be used when showing comparitive 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.

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.

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`