Variable ColorPickerConst

ColorPicker: {
    data: (() => {
        CLASS_COLOR_TAG: string;
        CLASS_COLOR_TAG_SWATCH: string;
        CLASS_COLOR_TAG_SWATCHES: string;
        colorInput: HTMLInputElement;
        swatches: string[];
    });
    methods: {
        addColor: ((v: string) => void);
        colorPicked: (() => void);
        selectSwatch: ((c: string) => void);
        setCurrentColor: (() => void);
    };
    props: {
        inspector: {
            type: PropType<Inspector>;
        };
        maxColors: {
            default: number;
            type: NumberConstructor;
        };
        propertyName: StringConstructor;
    };
    mounted(): void;
    render(): VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>;
} = ...

Provides a component that offers the ability to pick a color, and which maintains a list of recent colors.

Type declaration

  • data: (() => {
        CLASS_COLOR_TAG: string;
        CLASS_COLOR_TAG_SWATCH: string;
        CLASS_COLOR_TAG_SWATCHES: string;
        colorInput: HTMLInputElement;
        swatches: string[];
    })
      • (): {
            CLASS_COLOR_TAG: string;
            CLASS_COLOR_TAG_SWATCH: string;
            CLASS_COLOR_TAG_SWATCHES: string;
            colorInput: HTMLInputElement;
            swatches: string[];
        }
      • Returns {
            CLASS_COLOR_TAG: string;
            CLASS_COLOR_TAG_SWATCH: string;
            CLASS_COLOR_TAG_SWATCHES: string;
            colorInput: HTMLInputElement;
            swatches: string[];
        }

        • CLASS_COLOR_TAG: string
        • CLASS_COLOR_TAG_SWATCH: string
        • CLASS_COLOR_TAG_SWATCHES: string
        • colorInput: HTMLInputElement
        • swatches: string[]
  • methods: {
        addColor: ((v: string) => void);
        colorPicked: (() => void);
        selectSwatch: ((c: string) => void);
        setCurrentColor: (() => void);
    }
    • addColor: ((v: string) => void)
        • (v): void
        • Parameters

          • v: string

          Returns void

    • colorPicked: (() => void)
        • (): void
        • Returns void

    • selectSwatch: ((c: string) => void)
        • (c): void
        • Parameters

          • c: string

          Returns void

    • setCurrentColor: (() => void)
        • (): void
        • Returns void

  • props: {
        inspector: {
            type: PropType<Inspector>;
        };
        maxColors: {
            default: number;
            type: NumberConstructor;
        };
        propertyName: StringConstructor;
    }
    • inspector: {
          type: PropType<Inspector>;
      }

      The underlying Inspector to attach to. Required.

      • type: PropType<Inspector>
    • maxColors: {
          default: number;
          type: NumberConstructor;
      }

      Maximum number of color swatches to show, defaults to 10

      • default: number
      • type: NumberConstructor
    • propertyName: StringConstructor

      The property name in the data that this component manages. Required.

  • mounted:function
    • Returns void

  • render:function
    • Returns VNode<RendererNode, RendererElement, {
          [key: string]: any;
      }>

Version :