Back
ColorPicker
Default
Presets
Pick your brand's primary colour
Presets
Disabled
Presets
Usage
@forms.ColorPicker(forms.ColorPickerProps{
ID: "brand_color",
Name: "brand_color", // hidden input; value = hex string
Label: "Brand Color",
Value: "#3b82f6", // initial hex colour
Hint: "HSL sliders + hex input",
})
// Listen for changes in JavaScript:
// el.addEventListener('change', e => console.log(e.detail.value))