LED

Overview

The LED is a single-color light-emitting diode with a configurable color and dynamic brightness. The color can be set to any valid CSS color (hex, rgb, named colors), and the brightness is controlled via an intensity input.

The component renders a realistic 3D LED appearance with a glow halo effect that scales with intensity. The SVG is dynamically recolored using HSL manipulation to match the chosen color.

Pins

Pin	Direction	Description
+	Bottom	Anode (positive)
-	Bottom	Cathode (negative / ground)

Configuration

Option	Type	Default	Description
color	Color picker	#FF0000 (red)	Any valid CSS color

Data Inputs

Input	Range	Description
intensity	0–100	Brightness. 0 = off, 100 = full brightness

Limitations

• The intensity is mapped to opacity on the glow effect — very low intensities may be hard to see against dark backgrounds