StatusIndicator
Health status display with dot, label, and value. Supports dot, edge-left, edge-top appearances.
Preview
Usage
import { StatusIndicator } from '@ramtt/ui'
<StatusIndicator status="good" label="API" value="99.9%" />
<StatusIndicator status="critical" label="DB" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| status* | 'good' | 'warning' | 'critical' | 'neutral' | 'unknown' | — | Status type |
| label | string | — | Label text |
| value | string | — | Value text |
| size | 'sm' | 'md' | 'lg' | 'md' | Indicator size |
| appearance | 'dot' | 'edge-left' | 'edge-top' | 'dot' | Visual style |