Search
showing results for - "material ui phone number input"
Davida
25 Oct 2017
1import PhoneInput from 'react-phone-number-input'
2import CustomPhoneNumber from '../components/prebuilt/PhoneNumber'
3...
4<PhoneInput
5   placeholder='Enter phone number'
6   value={phone}
7   onChange={setPhone}
8   inputComponent={CustomPhoneNumber}
9/>
10...
11
source
Henri
28 Jun 2017
1import { forwardRef } from 'react'
2import TextField from '@material-ui/core/TextField'
3import { makeStyles } from '@material-ui/core/styles'
4
5const useStyles = makeStyles(theme => ({
6  input: {
7    backgroundColor: '#fff'
8  }
9}))
10
11const phoneInput = (props, ref) => {
12  const classes = useStyles()
13
14  return (
15
16    <TextField
17      {...props}
18      InputProps={{
19        className: classes.input
20      }}
21      inputRef={ref}
22      fullWidth
23      size='small'
24      label='Phone Number'
25      variant='outlined'
26      name='phone'
27    />
28  )
29}
30export default forwardRef(phoneInput)
31
source
similar questions
material ui select helper textmaterial ui outlined input with iconreact material ui input max lengthimport input text material uichat box material ui with font options
queries leading to this page
material ui core phone number inputmaterial ui textfield phone number maskphone number input field uiphone number textfield material uimobile phone field material uimaterial ui phone number maskmui number inputmaterial ui phne number inputmaterial ui number inputmaterial ui custom number inputreact pho number input material uimaterial ui input for phone numberreact material ui phone number inputconverting react phone input 2 material uireact phone input material ui standar variantinput text material ui type numbertextfield material ui phone numbermaterial ui textfield phone numbermaterial ui textfield for phone number with contry codematerial ui phone numberphone number muimaterial ui display number input setupphone number text field in material uihow to use number input on material uimaterial ui phone inputreact material ui input type phone numberreact text mask material ui phone numbercountry code phone input material uireact phone number material uiphone number field muimaterial ui phone number input fieldform material ui phone numberreact phone input 2 material uimaterial ui phone number input with country codephone number code react material uimaterial ui textfield phone phone number validation in material ui textfieldmui phone number inputnumber input material uiphone number text field material uimaterial ui phone number maskingmui phone inputreact phone input material ui standard variantmaterial ui mobile number inputmaterial ui phone number formikmaskedinput material ui phone numberreact material ui textfield phone numberoutlined input material ui telephone numberinternational phone number format material uimaterial ui phone number fieldmobile number field material uimatrial ui phone number inputmaterial ui phone type inputtextfield material ui for phone numbermaterial ui textfield phone number mask formikreact phone number input material ui formikmaterial ui us phone number textfieldmaterial ui phone inputmaterial ui textfield phone number formattet field phone n material uimaterial ui textfield phone number mask formitphoneinput required field material ui exampleinput type number material uireact phone number input 2finput with material uimask input material ui phone numberphone number input material uiphone number field material uimaterial ui telephone inputphone input material uiform material ui phone number country data 09phone number list material uimui textfield telephone numbermaterial ui react phone inputmaterial ui phonematerial ui telephone input componentsreact phone number input material uireact phone number input material uimaterial ui phone number textfieldphone number input in react material uiintl tel input material uiphone number material uiinput type phone material uiinput number in material uimaterial ui phone number inputphone input muimaterial ui phone number validationmateril ui numbe number inputreact phone number input with material ui input fieldreact material ui numeric inputtextfield us phone number material uimaterial ui numeric inputtextfield phone number material uimaterial ui textfield type phone numbertextfield us phone number material uiphone number input mui reactmaterialui number inputmaterial ui phone number input