What does it accept from material ui textfield api? It accepts all the props and classes of Material-Ui TextField API (Ex: classes, label, helperText, variant). If true, the input element will be focused during the first mount. The CSS class name of the wrapper element.What are the available styles for the phone input component? Highly customizable phone input component with auto formatting. available styles - style • high-res • material • bootstrap • semantic-ui • plain If enableAreaCodeStretch is added, the part of the mask with the area code will not stretch to length of the respective section of phone mask.How to pre select the country in the phone number input component? The phone number input component comes in two variants: " with country select " and " without country select ". The default component exported from this package is a phone number <input/> with a country <select/>: A defaultCountry property could be specified to pre-select a certain country.How to mask phone numbers in standard input fields using jquery? This is a lightweight (less than 2kb) and easy-to-use jQuery input mask plugin to mask and vali date US (or international) phone numbers in standard input fields. 1. Download, unzip the plugin and then insert the JavaScript jquery-input-mask-phone-number.js after jQuery JavaScript library. 2. Create a normal text field for the telephone input.
The input uses the react-text-mask library and Material UI to build a phone input field that only accepts 10 digit phone numbers. The field will have the standard blue borders unless it has been touched. Using the error properties the field will have red borders if the number does not meet the 10 digit validation rule.