Documentation / Widgets / Visualiser / LED

LED

A round indicator lamp. Not a container and not clickable - it shows a state, and that is all.

Group: Visualiser · Default size: 32 × 32 · Style parts: Main

A dropped LED: a red dot with a soft red glow.
An LED as it is dropped.
The LED settings section: Colour #F44336, Brightness 255.
Its settings.
SettingDefaultWhat it does
ColourredThe lit colour. LVGL also derives the glow around it from this.
Brightness25580-255. LVGL mixes the whole lamp toward black by this and shrinks its glow to nothing at 80. Anything lower is held at 80, so the lamp is never quite off: hide it to put it out.

Example: a row of status lamps

  1. Drag three LEDs onto the screen in a row, and name them PowerLed, NetworkLed and AlarmLed.
  2. Under LED settings give them the Colours #00C853, #2979FF and #E53935.
  3. Put a Label under each, centred: Power, Network and Alarm.
  4. To switch one on and off from the board, bind its Opacity or Hidden to a variable, as in the Switch example.
Three glowing lamps in a row, green, blue and red, labelled Power, Network and Alarm.
Three lamps.
The LED settings of the alarm lamp: Colour #E53935, Brightness 255.
The red one’s settings.