Skip to content

LED Widget

The LED widget displays a series of LED indicators.

LED Widget

The LED data can take one of two formats:

  • An array of truthy values
  • A map of labels with truthy values

If a map is provided, the widget will use the map keys as the LED labels. If an array is provided, the widget LED indicators will be in the order of the array and will not be labeled.

The LED indicators will be green if the value is truthy, yellow if the value is zero and red otherwise.

Configurable components

Class NameDescription
cardLabel widget card component
primaryPrimary label component
ledsLED indicators component
labelsLED labels component

Widget Properties

NameDescription
valueWidget data value to suply an array or map of values

CSS Properties

ElementCSS PropertyDescription
.ledsbackgroundBackground color of the LED indicators
.labelsbackgroundBackground color of the LED labels