Gauge
dataCircular gauge meter for displaying a single metric as a percentage.
Preview
72
Performance0100
98
Accessibility0100
45
SEO0100
Installation
npm install @launchapp/design-systemImport
import { Gauge } from "@launchapp/design-system";Examples
Performance gauge
<Gauge value={72} label="Performance" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value* | number | — | Current value (0-100). |
label | string | — | Label displayed below the value. |
size | "sm" | "md" | "lg" | "md" | Gauge size. |