OrionPhone
<o-phone>
displays a phone number field.
The number will be formatted depending on the selected country.
Usage
PhoneMobile PhoneFlag PhonePlayground
Props
Name
autofocus
boolean = false
clearable
boolean = false
clearToNull
boolean = false
disabled
boolean = false
donetyping
number = 0
flag
boolean = false
forceLabelFloating
boolean = false
inheritValidationState
boolean = undefined
label
string = undefined
mobile
boolean = false
modelValue
T = undefined
phoneCountryCode
string = undefined
phoneNumber
string = undefined
prefixFontIcon
string = undefined
prefixIcon
Orion.Icon = undefined
readonly
boolean = false
required
boolean = false
selectOnFocus
boolean = false
size
Orion.Size = 'md'
suffixFontIcon
string = undefined
suffixIcon
Orion.Icon = undefined
type
string = 'tel'
validation
string | ((val: any) => boolean) | Orion.Validator.Rule | Orion.Validation.Rule | boolean = undefined
validationErrorMessage
string = 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