OrionInputRange

Usage

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

InputRangeValue InputRangePlayground

Props

Name
autofocusboolean = false
clearableboolean = false
clearToNullboolean = false
colorOrion.Color = 'default'
disabledboolean = false
donetypingnumber = 0
forceLabelFloatingboolean = false
inheritValidationStateboolean = undefined
labelstring = undefined
maxValuenumber = 100
minValuenumber = 0
modelValueT = undefined
prefixFontIconstring = undefined
prefixIconOrion.Icon = undefined
readonlyboolean = false
requiredboolean = false
selectOnFocusboolean = false
sizeOrion.Size = 'md'
stepnumber = 1
suffixFontIconstring = undefined
suffixIconOrion.Icon = undefined
typestring | Orion.DatepickerType = 'text'
validationstring | ((val: any) => boolean) | Orion.Validator.Rule | Orion.Validation.Rule | boolean = undefined
validationErrorMessagestring = undefined

Events

Name
Payload type
focus
FocusEvent
blur
FocusEvent
input
VModelType
change
VModelType
update:modelValue
VModelType
clear
No payload

PublicInstance

Name
Type
hasBeenFocus
() => boolean
isFocus
() => boolean
focus
() => void
blur
Lodash.debounce
clear
() => void
setHasBeenFocus
(value: boolean) => void
isValid
() => boolean
_input
() => HTMLInputElement | undefined
MIT Licensed | Copyright © 2023-present Orion UI