PCUI API Reference - v6.1.3
    Preparing search index...

    Interface ColorPickerArgs

    The arguments for the ColorPicker constructor.

    interface ColorPickerArgs {
        alignItems?: string;
        alignSelf?: string;
        binding?: BindingBase;
        channels?: number;
        class?: string | string[];
        dom?: string | HTMLElement;
        enabled?: boolean;
        error?: boolean;
        flexBasis?: string | number;
        flexDirection?: string;
        flexGrow?: string | number;
        flexShrink?: string | number;
        flexWrap?: string;
        height?: number;
        hidden?: boolean;
        id?: string;
        ignoreParent?: boolean;
        isRoot?: boolean;
        justifyContent?: string;
        justifySelf?: string;
        link?: { observer: Observer | Observer[]; path: string | string[] };
        onChange?: (value: any) => void;
        onClick?: () => void;
        onRemove?: () => void;
        parent?: Element;
        readOnly?: boolean;
        renderChanges?: boolean;
        style?: string;
        tabIndex?: number;
        value?: number[];
        values?: any[];
        width?: number;
    }

    Hierarchy (View Summary)

    Index

    Properties

    alignItems? alignSelf? binding? channels? class? dom? enabled? error? flexBasis? flexDirection? flexGrow? flexShrink? flexWrap? height? hidden? id? ignoreParent? isRoot? justifyContent? justifySelf? link? onChange? onClick? onRemove? parent? readOnly? renderChanges? style? tabIndex? value? values? width?

    Properties

    alignItems?: string

    Sets the element's alignItems CSS property.

    alignSelf?: string

    Sets the element's alignSelf CSS property.

    binding?: BindingBase

    A binding to use with this Element.

    channels?: number

    Number of color channels. Defaults to 3. Changing to 4 adds the option to change the alpha value.

    class?: string | string[]

    The class attribute of this Element's HTMLElement.

    dom?: string | HTMLElement

    The HTMLElement to create this Element with. If not provided this Element will create one.

    enabled?: boolean

    Sets whether it is possible to interact with this Element and its children.

    error?: boolean

    Sets whether the Element is in an error state.

    flexBasis?: string | number

    Sets the element's flexBasis CSS property.

    flexDirection?: string

    Sets the element's flexDirection CSS property.

    flexGrow?: string | number

    Sets the element's flexGrow CSS property.

    flexShrink?: string | number

    Sets the element's flexShrink CSS property.

    flexWrap?: string

    Sets the element's flexWrap CSS property.

    height?: number

    Sets the initial height of the Element.

    hidden?: boolean

    Sets whether this Element is hidden. Defaults to false.

    id?: string

    The id attribute of this Element's HTMLElement.

    ignoreParent?: boolean

    If true, this Element will ignore its parent's enabled value when determining whether this element is enabled. Defaults to false.

    isRoot?: boolean

    Sets whether this Element is at the root of the hierarchy.

    justifyContent?: string

    Sets the element's justifyContent CSS property.

    justifySelf?: string

    Sets the element's justifySelf CSS property.

    link?: { observer: Observer | Observer[]; path: string | string[] }

    Links the observer attribute at the path location in the given observer to this Element.

    onChange?: (value: any) => void

    If provided and the Element is changeable, this function will be called each time the element value is changed.

    onClick?: () => void

    If provided and the Element is clickable, this function will be called each time the element is clicked.

    onRemove?: () => void

    If provided and the Element is removable, this function will be called each time the element is removed.

    parent?: Element

    Sets the parent Element.

    readOnly?: boolean

    Whether this Element is read only or not. Defaults to false.

    renderChanges?: boolean

    If true each input will flash on changes.

    style?: string

    Sets an initial value for Element.dom.style.

    tabIndex?: number

    Sets the tabIndex of the Element.

    value?: number[]

    An array of 4 integers containing the RGBA values the picker should be initialized to. Defaults to [0, 0, 255, 1].

    values?: any[]

    Sets multiple values to the Element. It is up to the Element to determine how to display them.

    width?: number

    Sets the initial width of the Element.

    Settings

    Member Visibility

    On This Page

    Properties