Context Meter
A ring that shows how much of the model's context is used.
64%
128k of 200k tokens
Compact soon
When to use
- A ring that shows how much of the model's context is used.
- You want a chat piece that already handles empty, loading and dark states.
Installation
Add Context Meter with the shadcn CLI – your project needs a components.json – or copy the file by hand.
Pro items install with your personal access key – set it up once, then the command below works.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/context-meter.jsonAPI reference
ContextMeter
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | – | Extra classes on the root element. |
look | "classic" | "clean" | "classic" | Visual style. Both follow your light or dark theme. |