Status Badge

Interactive preview

Try the component overview in its native Perspective session. Individual examples above are captures of the native views.

Perspective capture Activate Perspective

Usage

After importing the native resource, add an Embedded View to your host. This example uses the component's registered defaults.

{
  "type": "ia.display.view",
  "props": {
    "path": "Status/StatusBadge",
    "params": {
      "label": "Running",
      "status": "running",
      "showDot": true
    }
  }
}

Installation

Local preview · v0.1.0 · Ignition 8.3.

Download the component ZIP above. In Designer, choose File > Import and select the archive. Keep the included view and style-class paths. Then extract stylesheet-snippet.css and append it to your project's Perspective stylesheet; the ZIP does not replace your stylesheet. Add an Embedded View with path Status/StatusBadge. See README.md in the archive for setup details.

The archive has passed resource and integrity checks. Manual import of this ZIP in Designer remains to be verified.

API reference