The component consists of a single reusable block with the following parameters.

Block

• ColorPicker
  A vanilla JavaScript library for creating responsive, mobile-friendly, and fully accessible color pickers.

ColorPicker Parameters

• InputFormat: Input format to create in Color Picker.
• Variable: Variable to load a old color.
• ListColors: Can configure colors to start in color picker, usage colors in format hex, separated by comma.
• Dark: Set true to use theme dark.
• ExtendClass: You can define a custom class to extend style in Color Picker.
• EventListener: Event to trigger Color Picker, Default is "change".
• ProductionMode: Used to turn debugging off.
• Required: Used to mark as required.

Event

• SetColor: Event to set color when select.

Client Actions

• Trigger_SetColor: Call this action to set color when select.
• SetColorPicker: Initialized the color picker.
  
  

How Its Works?

Import the block into your application and create the required handler to receive the the event. You can have multiple instances on a single page without issue. You can also use both HEX code and RGB formats.

For any additional questions or features. visit the colors git located at:
https://github.com/mdbassit/Coloris