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 full)

  • ElementArgs
  • IBindableArgs
  • IFlexArgs
  • IPlaceholderArgs
    • SliderInputArgs

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

OptionalallowNull

allowNull?: boolean

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

Optionalbinding

binding?: BindingBase

A binding to use with this Element.

Optionalclass

class?: string | string[]

The class attribute of this Element's HTMLElement.

Optionaldom

dom?: string | HTMLElement

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

Optionalenabled

enabled?: boolean

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

Optionalerror

error?: boolean

Sets whether the Element is in an error state.

Optionalflex

flex?: boolean

Sets whether the element uses flex layout.

OptionalflexBasis

flexBasis?: string

Sets the element's flexBasis CSS property.

OptionalflexDirection

flexDirection?: string

Sets the element's flexDirection CSS property.

OptionalflexGrow

flexGrow?: string

Sets the element's flexGrow CSS property.

OptionalflexShrink

flexShrink?: string

Sets the element's flexShrink CSS property.

OptionalflexWrap

flexWrap?: string

Sets the element's flexWrap CSS property.

Optionalheight

height?: number

Sets the initial height of the Element.

Optionalhidden

hidden?: boolean

Sets whether this Element is hidden. Defaults to false.

Optionalid

id?: string

The id attribute of this Element's HTMLElement.

OptionalignoreParent

ignoreParent?: boolean

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

OptionalisRoot

isRoot?: boolean

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

OptionalkeyChange

keyChange?: boolean

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

Optionallink

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

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

Optionalmax

max?: number

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

Optionalmin

min?: number

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

OptionalonChange

onChange?: ((value: any) => void)

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

OptionalonClick

onClick?: (() => void)

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

OptionalonRemove

onRemove?: (() => void)

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

Optionalparent

parent?: Element

Sets the parent Element.

Optionalplaceholder

placeholder?: string

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

Optionalprecision

precision?: number

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

OptionalreadOnly

readOnly?: boolean

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

OptionalrenderChanges

renderChanges?: boolean

If true each input will flash on changes.

OptionalsliderMax

sliderMax?: number

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

OptionalsliderMin

sliderMin?: number

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

Optionalstep

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.

Optionalstyle

style?: string

Sets an initial value for Element.dom.style.

OptionaltabIndex

tabIndex?: number

Sets the tabIndex of the Element.

Optionalvalue

value?: any

Sets the value of the Element.

Optionalvalues

values?: any[]

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

Optionalwidth

width?: number

Sets the initial width of the Element.

Settings

Member Visibility

On This Page

Properties