OrionInputRange
Usage
<o-input-range>
displays a range input with one or two sliders.
InputRangeValue InputRangePlayground
VModels
Name
vModel
number | number[] = undefined
Props
Name
autofocus
boolean = undefined
clearable
boolean = undefined
clearToNull
boolean = undefined
color
Orion.Color = 'default'
disabled
boolean = undefined
donetyping
number = undefined
forceLabelFloating
boolean = undefined
inheritValidationState
boolean = undefined
label
string = undefined
maxValue
number = 100
minValue
number = 0
placeholder
string = undefined
prefixFontIcon
string = undefined
prefixIcon
Orion.Icon = undefined
readonly
boolean = undefined
required
boolean = undefined
selectOnFocus
boolean = undefined
size
Orion.Size = 'md'
step
number = 1
suffixFontIcon
string = undefined
suffixIcon
Orion.Icon = undefined
type
any = undefined
validation
any = undefined
validationErrorMessage
string = undefined
PublicInstance
Name
Type
hasBeenFocus
() => boolean
isFocus
() => boolean
focus
() => void
blur
Lodash.debounce
clear
() => void
setHasBeenFocus
(value: boolean) => void
isValid
() => boolean
_input
() => HTMLInputElement | undefined
sharedState
() => {
hasBeenFocus: boolean;
isFocus: boolean;
isAutoFilled: boolean;
}