PCUI API Reference - v5.2.4
    Preparing search index...

    Interface SliderInputArgs

    The arguments for the SliderInput constructor.

    interface SliderInputArgs {
        allowNull?: boolean;
        binding?: BindingBase;
        class?: string | string[];
        dom?: string | HTMLElement;
        enabled?: boolean;
        error?: boolean;
        flex?: boolean;
        flexBasis?: string;
        flexDirection?: string;
        flexGrow?: string;
        flexShrink?: string;
        flexWrap?: string;
        height?: number;
        hidden?: boolean;
        id?: string;
        ignoreParent?: boolean;
        isRoot?: boolean;
        keyChange?: boolean;
        link?: { observer: Observer | Observer[]; path: string | string[] };
        max?: number;
        min?: number;
        onChange?: (value: any) => void;
        onClick?: () => void;
        onRemove?: () => void;
        parent?: Element;
        placeholder?: string;
        precision?: number;
        readOnly?: boolean;
        renderChanges?: boolean;
        sliderMax?: number;
        sliderMin?: number;
        step?: number;
        style?: string;
        tabIndex?: number;
        value?: any;
        values?: any[];
        width?: number;
    }

    Hierarchy (View Summary)

    Index

    Properties

    allowNull? binding? class? dom? enabled? error? flex? flexBasis? flexDirection? flexGrow? flexShrink? flexWrap? height? hidden? id? ignoreParent? isRoot? keyChange? link? max? min? onChange? onClick? onRemove? parent? placeholder? precision? readOnly? renderChanges? sliderMax? sliderMin? step? style? tabIndex? value? values? width?

    Properties

    allowNull?: boolean

    Sets whether the value can be null. If not then it will be 0 instead of null.

    binding?: BindingBase

    A binding to use with this Element.

    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.

    flex?: boolean

    Sets whether the element uses flex layout.

    flexBasis?: string

    Sets the element's flexBasis CSS property.

    flexDirection?: string

    Sets the element's flexDirection CSS property.

    flexGrow?: string

    Sets the element's flexGrow CSS property.

    flexShrink?: string

    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.

    keyChange?: boolean

    Sets whether any key up event will cause a change event to be fired.

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

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

    max?: number

    Sets the maximum value that the numeric input field can take.

    min?: number

    Sets the minimum value that the numeric input field can take.

    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.

    placeholder?: string

    Sets the placeholder label that appears on the right of the input.

    precision?: number

    Sets the maximum number of decimals a value can take. Defaults to 2.

    readOnly?: boolean

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

    renderChanges?: boolean

    If true each input will flash on changes.

    sliderMax?: number

    Sets the maximum value that the slider field can take. Defaults to 1.

    sliderMin?: number

    Sets the minimum value that the slider field can take. Defaults to 0.

    step?: number

    Sets the amount that the value will be increased or decreased when using the arrow keys. Holding Shift will use 10x the step.

    style?: string

    Sets an initial value for Element.dom.style.

    tabIndex?: number

    Sets the tabIndex of the Element.

    value?: any

    Sets the value of the Element.

    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