Gauge

const Gauge: (props) => ReactElement

Defined in: react/components/feedback/gauge.tsx:43

A single-value meter — a labelled bar coloured by severity thresholds (green → amber → red) with a value readout. For utilization/quota/score signals (CPU, disk, rate limits) where the level carries meaning, unlike a plain ProgressBar which only shows progress in one colour.

<Gauge label="CPU" value={82} unit="%"
  thresholds={[{ at: 0, color: "$success" }, { at: 70, color: "$warning" }, { at: 90, color: "$error" }]} />

Parameters

props

GaugeProps

Returns

ReactElement