Components/Status Indicator

Status IndicatorNew

Shape plus word status (operational, degraded, down, maintenance) and an uptime bar of segments with an accessible summary.

OperationalDegradedDownMaintenanceUnknownIn transitOnline
Tracking APIOperational
99.98%
Booking portalDegraded
99.41%
Customs gatewayDown
98.72%

Installation

$npx shadcn@latest add @opendraft/status-indicator

Needs the @opendraft registry in your components.json. See Installation.

Dependencies

Source

The files the install command adds to your project. They're yours to edit.