Block

Service Health Panel

A live service-status list — StatusDot for categorical health, Meter for proportion, ItemRow for the row scaffold.

API Gateway
12ms
Database
3ms
Cache
45ms
Search Index
timeout

Four services at different health levels — the down service pulses, the degraded one is amber.

Recipe

status-dot + meter + item-row

StatusDot and Meter answer different questions about the same service: 'is it up?' (dot) and 'how healthy?' (bar). ItemRow gives them a shared flex row without a wrapper component.

Installation