OrionInputRange

Usage

<o-input-range> displays a range input with one or two sliders.

InputRangeValue InputRangePlayground

VModels

Name
vModelnumber | number[] = undefined

Props

Name
autofocusboolean = undefined
clearableboolean = undefined
clearToNullboolean = undefined
colorOrion.Color = 'default'
disabledboolean = undefined
donetypingnumber = undefined
forceLabelFloatingboolean = undefined
inheritValidationStateboolean = undefined
labelstring = undefined
maxValuenumber = 100
minValuenumber = 0
placeholderstring = undefined
prefixFontIconstring = undefined
prefixIconOrion.Icon = undefined
readonlyboolean = undefined
requiredboolean = undefined
selectOnFocusboolean = undefined
sizeOrion.Size = 'md'
stepnumber = 1
suffixFontIconstring = undefined
suffixIconOrion.Icon = undefined
typeany = undefined
validationany = undefined
validationErrorMessagestring = 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; }