ColorInput Component Tester
Interactive testing harness for the standalone decoupled ColorInput component
With Alpha Picker
RGBA Mode
Live Preview
#0000ffff
getValue()
#0000ffff
colorObject
{"red":0,"green":0,"blue":255,"alpha":255}
State Controls
Active: True
Font: 14px
Font: 20px
Set Value Programmatically
Opaque Pink (#ff00ff)
Translucent Teal (#00ffbb80)
Object Orange (a=100)
Width Customization
Normal (70, 30, 100)
Wide (100, 50, 150)
00:00:00
Initialised ColorInput
Without Alpha Picker
RGB Mode
Live Preview
#0000ff
getValue()
#0000ff
colorObject
{"red":0,"green":0,"blue":255,"alpha":255}
State Controls
Active: True
Font: 14px
Font: 20px
Set Value Programmatically
Lime (#00ff00)
Gold (#ffd700)
Object Coral
Width Customization
Normal (70, 30)
Wide (100, 60)
00:00:00
Initialised ColorInput