OrionPhone

<o-phone> displays a phone number field.

The number will be formatted depending on the selected country.

Usage

PhoneMobile PhoneFlag PhonePlayground

Props

Name
autofocusboolean = false
clearableboolean = false
clearToNullboolean = false
disabledboolean = false
donetypingnumber = 0
flagboolean = false
forceLabelFloatingboolean = false
inheritValidationStateboolean = undefined
labelstring = undefined
mobileboolean = false
modelValueT = undefined
phoneCountryCodestring = undefined
phoneNumberstring = undefined
prefixFontIconstring = undefined
prefixIconOrion.Icon = undefined
readonlyboolean = false
requiredboolean = false
selectOnFocusboolean = false
sizeOrion.Size = 'md'
suffixFontIconstring = undefined
suffixIconOrion.Icon = undefined
typestring = 'tel'
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
update:phoneNumber
string
update:phoneCountryCode
Orion.Country['code']
clear
No payload

PublicInstance

Name
Type
_country
() => { getSearchTerm: () => string | undefined; setSearchTerm: (val?: string | undefined) => string | undefined; triggerSearchAsync: (term?: string | undefined) => Promise<void>; hasBeenFocus: () => boolean; isFocus: () => boolean; focus: () => void; blur: import("lodash").DebouncedFuncLeading<() => void>; clear: () => void; setHasBeenFocus: (value: boolean) => void; isValid: () => boolean; _input: () => HTMLInputElement | undefined; } | undefined
_orionInput
() => (HTMLInputElement & { hasBeenFocus: () => boolean; isFocus: () => boolean; focus: () => void; blur: import("lodash").DebouncedFuncLeading<() => void>; clear: () => void; setHasBeenFocus: (value: boolean) => void; isValid: () => boolean; _input: () => HTMLInputElement | undefined; }) | undefined
hasBeenFocus
() => boolean
isFocus
() => boolean
focus
() => void
blur
Lodash.debounce
clear
() => void
setHasBeenFocus
(value: boolean) => void
isValid
() => boolean
_input
() => HTMLInputElement | undefined