Gauge

data

Circular gauge meter for displaying a single metric as a percentage.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system
Import
import { Gauge } from "@launchapp/design-system";

Examples

Performance gauge

<Gauge value={72} label="Performance" />

Props

PropTypeDefaultDescription
value*
numberCurrent value (0-100).
label
stringLabel displayed below the value.
size
"sm" | "md" | "lg""md"Gauge size.