Preparing search index...

    Interface ColorPickerProps

    interface ColorPickerProps {
        colorHex?: string;
        colorsInPaletteRow?: number;
        isDefaultOpen?: boolean;
        isOpen?: boolean;
        onClose?: (e: Event | SyntheticEvent<Element, Event>) => void;
        onColorChange?: ColorPickerChangeHandler;
        onOpen?: (e: SyntheticEvent<Element>) => void;
        onVisibleChange?: (visible: boolean) => void;
        palette?: string[];
        target:
            | ((renderProps: Required<PopoverTargetProps>) => ReactNode)
            | ReactElement<PopoverTargetProps, string | JSXElementConstructor<any>>;
    }

    Hierarchy

    • Pick<
          PopoverProps,
          | "target"
          | "onVisibleChange"
          | "onOpen"
          | "onClose"
          | "isOpen"
          | "isDefaultOpen",
      >
      • ColorPickerProps
    Index

    Properties

    colorHex? colorsInPaletteRow? isDefaultOpen? isOpen? onClose? onColorChange? onOpen? onVisibleChange? palette? target

    Properties

    colorHex?: string
    colorsInPaletteRow?: number
    isDefaultOpen?: boolean

    The window is open by default?

    Specifies whether the window should have been opened when creating it. This property is only relevant in unmanaged mode.

    isOpen?: boolean

    Is the pop-up window open?

    If the Boolean type, the component goes into managed mode and opens/closes only when this property is changed from the outside. If undefined, the component is in an unmanaged state mode, and opens/closes according to the internal state.

    onClose?: (e: Event | SyntheticEvent<Element, Event>) => void

    Handler for the popup window closing event

    onColorChange?: ColorPickerChangeHandler
    onOpen?: (e: SyntheticEvent<Element>) => void

    Handler for the popup window opening event

    onVisibleChange?: (visible: boolean) => void

    Handler for changing the visibility of a window

    palette?: string[]
    target:
        | ((renderProps: Required<PopoverTargetProps>) => ReactNode)
        | ReactElement<PopoverTargetProps, string | JSXElementConstructor<any>>

    The goal that the popup window will be attached to.

    Can be an element or can be set via the Render Props pattern.

    On This Page

    Properties