Gauge

1<Gauge
2  value={3500}
3  min={0}
4  max={5000}
5  label="Revenue"
6  unit="$"
7  showValue={true}
8/>
9<Gauge
10  value={42}
11  min={0}
12  max={100}
13  label="CPU Usage"
14  unit="%"
15  showValue={true}
16  color="oklch(70% 0.15 60)"
17/>

1<Gauge
2  value={65}
3  min={0}
4  max={100}
5  label="Battery Level"
6  unit="%"
7  showValue={true}
8  showMinMax={true}
9  color="oklch(70% 0.15 160)"
10/>

1<Gauge
2  value={80}
3  size={150}
4  thickness={15}
5  label="Small"
6  showValue={true}
7/>
8<Gauge
9  value={45}
10  size={250}
11  thickness={25}
12  label="Large"
13  showValue={true}
14  color="oklch(70% 0.15 295)"
15/>

1<ScoreGauge
2  score={92}
3  maxScore={100}
4  label="Excellent"
5  size={180}
6/>
7<ScoreGauge
8  score={68}
9  maxScore={100}
10  label="Good"
11  size={180}
12/>
13<ScoreGauge
14  score={35}
15  maxScore={100}
16  label="Needs Work"
17  size={180}
18/>

1<Gauge
2  value={75}
3  min={0}
4  max={100}
5  label="Quality Score"
6  showValue={true}
7  showMinMax={true}
8  segments={[
9    { value: 30, color: "oklch(60% 0.20 25)", label: "Poor" },
10    { value: 30, color: "oklch(70% 0.15 60)", label: "Fair" },
11    { value: 40, color: "oklch(70% 0.15 160)", label: "Good" },
12  ]}
13/>