How full, not how far along
The counterpart to the progress bar: a meter shows the level of a known quantity, and its status colour says whether that level is good news. Storage, token budgets, password strength, battery.
Default
Storage used64%
Context window128k of 200k tokens
Statuses
Info60%
Positive80%
Warning90%
Error100%
Neutral40%
Custom readout
Password strengthStrong
Sizes
Default45%
Compact45%
// From the npm package
import { Meter } from 'rift-ds/components/Meter/Meter';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/meter.json