Gauge
Circular animated progress gauge.
A circular gauge that animates to a value out of a maximum. Ideal for utilization, scores, and progress.
type · gauge
An animated visual primitive.
How to use it
Just ask for it in chat — the agent emits this widget and the shell renders it:
Try saying
“show a gauge of 72% disk usage”
Example
The agent returns this A2UI component (inside the components array of a /chat response):
gauge.json
{
"type": "gauge",
"value": 72,
"max": 100,
"label": "Disk",
"color": "0xFF007AFF",
"size": 140
}Properties
| Prop | Type | Description |
|---|---|---|
value | number | Current value |
max | number | Maximum value |
label | string | Caption under the gauge |
color | color | Arc color |
size | number | Diameter in px (default 120) |
Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.