/
1.1k
Sponsor

Gauge

Arc/speedometer gauge meter

Terminal

Installation

$ pnpm dlx shadcn@latest add @termcn/ink/gauge

Usage

import { Gauge } from "@/components/ui/gauge";
<Gauge value={72} max={100} label="CPU Usage" size="md" />

API Reference

Gauge

PropTypeDefault
valuenumberrequired
minnumber0
maxnumber100
labelstring-
colorstring-
size"sm" | "md" | "lg""md"

Notes

Accessibility

termcn exposes the following behavior through Ink's terminal accessibility APIs. This is not a browser ARIA or general WCAG-conformance claim.

  • Screen reader: Ink labels and semantic state expose the component without relying on visual styling alone.