Confidence meter
A value the interface says out loud. Below the threshold the bar goes grey and the label says so, because a low score is a reason to ask, not to guess.
Variant
confidence86%
Controls
▾
▾
Code
import { ConfidenceMeter } from "@/components/ui/kit/data";
<ConfidenceMeter value={0.86} label="confidence" />Every state
Above threshold
confidence82%
Below threshold
confidence40% · below θ
Usage
Tokens it uses
| --panel | … |
|---|---|
| --spark | … |
| --faint | … |
| --ink | … |
| --muted | … |
| --font-data | … |
| --font-label | … |
Values are read live from the stylesheet, so they follow the site theme.