Gauge
Gauge — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
Gauge — Prism component.
Accessibility
Each chart ships an accessible fallback (a visually-hidden data table / aria-label summary) so the data is available to screen readers, not just sighted users. Colour is paired with shape/label, never used alone.
Import
const { Gauge } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
value | number | Yes | |
min | number | — | |
max | number | — | |
label | React.ReactNode | — | |
unit | string | — | |
size | number | — | |
thickness | number | — | |
segments | GaugeSegment[] | — | |
color | string | — | |
formatValue | (v: number) => React.ReactNode | — |