OrionInput

Example

<o-input> displays a customisable input field.

Usage

InputIcons InputStyle InputMask InputPlayground

VModels

vModelNil<string | number> = undefined

Props

allowNegativeboolean = undefined

autocompletestring = undefined

autofocusboolean = undefined

clearableboolean = undefined

clearToNullboolean = undefined

disabledboolean = undefined

donetypingnumber = undefined

forceLabelFloatingboolean = undefined

inheritValidationStateboolean = undefined

labelstring = undefined

maskstring | { value: (val: any) => Nil<string | number>; display: (val: any) => Nil<string | number>; } = undefined

maskHourFormatstring = '24h'

maskHourSeparatorstring = ':'

maxLengthnumber = undefined

maxValuenumber = undefined

minValuenumber = undefined

placeholderstring = undefined

prefixFontIconstring = undefined

prefixIconOrion.Icon = undefined

readonlyboolean = undefined

requiredboolean = undefined

selectOnFocusboolean = undefined

sizeOrion.Size = 'md'

staticMaskboolean = true

suffixFontIconstring = undefined

suffixIconOrion.Icon = undefined

typeany = undefined

validationany = undefined

validationErrorMessagestring = undefined

PublicInstance

valueDisplay

() => string

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;
}