Readout with trend arrow
Progauge-digital-trend-arrow · Gauges · Digital indicators · 96×48 grid units
XI-101
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 rising trend
- Convention
- ISA-101 / IEC 61924 style indicator (ISA (opens in a new tab), IEC (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/gauge-digital-trend-arrow.json?api_key=$PIDSTACK_LICENSE_KEY"Pro items need a license key from your account. See how keys work.
import { GaugeDigitalTrendArrow } from "@/components/pidstack/gauge-digital-trend-arrow"
import "@/components/pidstack/pidstack.css"
<div data-theme="day">
<GaugeDigitalTrendArrow state="running" label="XI-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.