Elastic UI
Guidelines
Accessibility
Buttons
Colors
Modals
Sass
Text scales
Toasts
Writing
Layout
Accordion
Bottom Bar
Flex
Flyout
Header
Horizontal Rule
Modal
Nav Drawer
Page
Panel
Popover
Spacer
Navigation
Breadcrumbs
Button
Context Menu
Control Bar
Facet
Key Pad Menu
Link
Pagination
Tree View
Side Nav
Steps
Tabs
Tabular content
Data grid
Data grid in-memory settings
Data grid schemas and popovers
Data grid styling
Tables
Display
Aspect ratio
Avatar
Badge
Callout
Card
Code
Description List
Drag And Drop
EmptyPrompt
Health
Icons
Image
List Group
Loading
Progress
Stat
Text
Title
Toast
ToolTip
Forms
Form controls
Form layouts
Compressed forms
Form validation
SuperSelect
Combo Box
Color Selection
Code Editor
Date Picker
Expression
Filter Group
Range sliders
Search Bar
Selectable
Suggest
Elastic Charts
Creating charts
Sizing
Time series
Categorical
Utilities
Accessibility
Color Palettes
Context
Copy
CSS utility classes
Delay Hide
Delay Render
Error Boundary
Focus Trap
Highlight
Inner Text
I18n
Is Color Dark
Pretty Duration
MutationObserver
Outside Click Detector
Portal
ResizeObserver
Responsive
Toggle
Window Events
Package
Changelog
I18n Tokens

Health

The Health component should be used when showing comparitive health of listed objects (like servers, nodes, indexes..etc). Because icons are vague and bulky and color alone does not work, we think color plus text provides a recognizable, lightweight combo that works in most situations.

Unknown
Healthy
Warning
Failure