Readout with unit
Prohmi-readout-unit · Automation · Readouts and gauges · 96×48 grid units
Five states
- Running
- Warning
- Failure
- Stopped
- No data
Four themes
| Theme | Running | Warning | Failure | Stopped | No data |
|---|---|---|---|---|---|
| Day | |||||
| Bright | |||||
| Dusk | |||||
| Night |
About this symbol
- Meaning
- value with engineering unit
- Convention
- ISA-101 HMI (ISA (opens in a new tab))
- Tags
- Access
- Pro: preview is open; code and files come with Pro or Lifetime.
Drawn from scratch. The convention names the meaning the symbol stands for; no standard text or figure is reproduced.
npx shadcn@latest add "https://pidstack.com/r/hmi-readout-unit.json?api_key=$PIDSTACK_LICENSE_KEY"Pro items need a license key from your account. See how keys work.
import { HmiReadoutUnit } from "@/components/pidstack/hmi-readout-unit"
import "@/components/pidstack/pidstack.css"
<div data-theme="day">
<HmiReadoutUnit state="running" label="A-101" size="medium" />
</div>SVG file and component code are in Pro
The full library ships as typed React components, plain SVG files and a JSON manifest, through the registry, the MCP server and a ZIP download.