OrionInput

Example

<o-input> displays a customisable input field.

Usage

InputIcons InputStyle InputPlayground

Props

Name
allowNegativeboolean = false
autocompletestring = undefined
autofocusboolean = false
clearableboolean = false
clearToNullboolean = false
cleaveObject = undefined
disabledboolean = false
donetypingnumber = 0
forceLabelFloatingboolean = false
inheritValidationStateboolean = undefined
labelstring = undefined
maskstring | InputMask = undefined
maskFormatstring = undefined
maskHourFormatstring = '24h'
maskHourSeparatorstring = ':'
maxLengthnumber = undefined
maxValuenumber = undefined
minValuenumber = undefined
modelValueT = undefined
prefixFontIconstring = undefined
prefixIconOrion.Icon = undefined
readonlyboolean = false
requiredboolean = false
selectOnFocusboolean = false
sizeOrion.Size = 'md'
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
mousedown-right
MouseEvent
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