42

Build health

Gauge

A half-circle meter whose needle springs to the value.

Animation

42

Build health

Installation

bash
npx shadcn@latest add https://ui.noicess.fun/r/gauge.json

Props

PropTypeDefaultDescription
valuenumber-Current value, 0-100.
labelstring-Caption under the reading.
thresholdnumber85Value at or above which the peak marker flashes.
sweepnumber90Half sweep in degrees from each side of the arc.