Gauge is a compact circular indicator for a value from 0 to 100. Use it to show a percentage metric such as usage, quota, capacity, health, score, or completion.
Key Features:
- Radial metric: Shows a single percentage-like value in a compact circular shape.
- Value slot: Use
ngs-gauge-valueto display a number or short label. - Custom size: Set dimensions with Tailwind size classes or component tokens.
- Custom stroke: Adjust
strokeWidthandradiusfor different visual weights.
Use Gauge in dashboard cards, sidebar widgets, KPI panels, usage blocks, storage indicators, completion scores, health scores, and utilization indicators. Do not use it for loading states, linear process progress, full analytical charts, or small table-row statuses.