React-native-phone-mask-input NPM

@kai24/react-native-phone-mask-input

yarn add @kai24/react-native-phone-mask-input

npm i @kai24/react-native-phone-mask-input --save

import PhoneMaskInput from  "@kai24/react-native-phone-mask-input";

<PhoneMaskInput
    value=''
    placeholder='Enter phone'
    onChange={(value) => console.log('value', value)}
/>

Name	Type	Default	Description
value	String, Number		Value to be render in the input
placeholder	String	""	Placeholder to be shown when no tags
autoDetectCountry	Boolean	false	Detect visitor country
showFlag	Boolean	false	Show country flag
flagSize	String	normal	Available values: small, normal, big
wrapperClass	String	{ display: flex; flex-direction: row; align-items: center; height: 40px; }	Style class of div wrapper input and flag
inputClass	String	{ height: 20px; }	Style class of input
flagClass	String	{ margin: 0; }	Style class of flag (span tag)

7 years ago

7 years ago