ColorPicker
===========

.. granite:servercomponent:: /libs/granite/ui/components/foundation/form/colorpicker
   :supertype: /libs/granite/ui/components/foundation/form/field
   :deprecated:

   Colorpicker is a component that allows the user to pick predefined colors.
   The colors can be defined by configuring the sub-nodes with colors configuration.

   It extends :granite:servercomponent:`Field </libs/granite/ui/components/foundation/form/field>` component.

   It has the following content structure:

   .. gnd:gnd::

      [granite:FormColorPicker] > granite:FormField

      /**
       * The id attribute.
       */
      - id (String)

      /**
       * The class attribute. This is used to indicate the semantic relationship of the component similar to ``rel`` attribute.
       */
      - rel (String)

      /**
       * The class attribute.
       */
      - class (String)

      /**
       * The title attribute.
       */
      - title (String) i18n

      /**
       * The name that identifies the field when submitting the form.
       */
      - name (String)

      /**
       * The value of the field.
       */
      - value (StringEL)

      /**
       * Indicates if the field is in disabled state.
       */
      - disabled (Boolean)

      /**
       * Indicates if the field is mandatory to be filled.
       */
      - required (Boolean)

      /**
       * The name of the validator to be applied. E.g. ``foundation.jcr.name``.
       * See :doc:`validation </jcr_root/libs/granite/ui/components/foundation/clientlibs/foundation/js/validation/index>` in Granite UI.
       */
      - validation (String) multiple

      /**
       * Displays the classic mode with palette shades.
       */
      - classicPaletteType (Boolean)

      /**
       * Displays the freestyle mode without palette shades.
       */
      - freestylePaletteType (Boolean)

      /**
       * Displays edit mode for selected color.
       */
      - editType (Boolean)