➡️ Instructions
To start using the plugin is very simple and fast. Follow the instructions described below.

    👉 Place an element on your page that you want the color picker to appear when clicked. In our example we created a group simulating an input field, but you can do as you wish. Define an "ID Attribute" for this element.

    👉 Now place the "Fantastic - Color picker" element on your page and in your settings panel you will have to fill in the following data:

         ● Element ID: Here you must provide the "ID Attribute" of the previously created element.
         ● Theme: Choose the theme for your color picker here. You can choose between 3 options: Classic, Monolith and Nano. Default: Classic.
         ● Default Color: Provide the initial default color of your color picker here. Default: #000000
         ● Swatches: Provide here a list of pre-defined colors for the user to choose from. Options can be entered in HEX, RGB or RGBA values. Skip a line for each option or provide the field with a list of texts.

    Labels

         ● Save: Provide here the value for the label of the Save button.
         ● Cancel: Provide here the value for the Cancel button label.
         ● Clear: Provide the value for the label of the Clear button here.

    👉 That's it, your color picker will now be working perfectly!

➡️ States

Use element statuses to design your unique color picker layout. The element has the following statuses:

    👉 RGBA: This status stores the value of the selected color in your color picker in RGBA format.
    👉 HEXA: This status stores the value of the selected color in your color picker in HEX format.