OrionPhone
<o-phone>
affiche un champ de saisie de numéro de téléphone.
Le numéro sera formatté en fonction du pays sélectionné.
Usage
PhoneMobile PhoneFlag
Pays préférés
Vous pouvez, en utilisant une référence vue sur orion phone, accèder à l'instance de l'orion select _country
pour pouvoir renseigner vos pays favoris.
Pour ajouter vos pays favoris, vous devez utiliser le type Orion.Country
. Vous pourrez trouver la liste des pays ici et ainsi obtenir l'objet Orion complet.
PhonePlayground
VModels
Name
vModel
VModelType = undefined
phoneCountryCode
string | undefined = undefined
phoneNumber
string | undefined = undefined
Props
Name
autofocus
boolean = undefined
clearable
boolean = undefined
clearToNull
boolean = undefined
disabled
boolean = undefined
donetyping
number = undefined
flag
boolean = undefined
forceLabelFloating
boolean = undefined
inheritValidationState
boolean = undefined
label
string = undefined
mobile
boolean = undefined
placeholder
string = undefined
prefixFontIcon
string = undefined
prefixIcon
Orion.Icon = undefined
readonly
boolean = undefined
required
boolean = undefined
selectOnFocus
boolean = undefined
size
Orion.Size = 'md'
suffixFontIcon
string = undefined
suffixIcon
Orion.Icon = undefined
type
any = 'tel'
validation
any = undefined
validationErrorMessage
string = undefined
PublicInstance
Name
Type
isValidMobile
() => boolean
_country
() => {
getSearchTerm: () => string | undefined;
setSearchTerm: (val?: string) => string | undefined;
setFavoritesOptions: (val: unknown[]) => unknown[];
triggerSearchAsync: (term?: string) => Promise<void>;
blur: import("lodash").DebouncedFuncLeading<(e?: FocusEvent, selection?: boolean) => false | undefined>;
hasBeenFocus: () => boolean;
isFocus: () => boolean;
focus: () => void;
clear: () => void;
setHasBeenFocus: (value: boolean) => void;
isValid: () => boolean;
_input: () => HTMLInputElement | undefined;
sharedState: () => {
hasBeenFocus: boolean;
isFocus: boolean;
isAutoFilled: boolean;
};
} | undefined
_orionInput
() => (HTMLInputElement & {
valueDisplay: () => string;
hasBeenFocus: () => boolean;
isFocus: () => boolean;
focus: () => void;
blur: import("lodash").DebouncedFuncLeading<() => void>;
clear: () => void;
setHasBeenFocus: (value: boolean) => void;
isValid: () => boolean;
_input: () => HTMLInputElement | undefined;
sharedState: () => {
hasBeenFocus: boolean;
isFocus: boolean;
isAutoFilled: boolean;
};
}) | undefined
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;
}