Usage Meter
Stacked usage meter with a legend and warnings when nearing or exceeding the limit.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
UsageMeterProps
Also accepts all props of Omit<React.ComponentProps<"div">, "title">
| Prop | Type | Default | Description |
|---|---|---|---|
| title* required | string | — | — |
| segments* required | UsageSegment[] | — | — |
| limit* required | number | — | — |
| unit | string | "" | — |
| warnAt | number | 0.85 | Fraction of the limit at which the meter turns to a warning |
Install
$ npx shadcn@latest add https://chromotion.dev/r/usage-meter.json