Breaking News: Grepper is joining You.com. Read the official announcement!

material ui phone number input

Sleepy Squirrel answered on June 7, 2021 Popularity 10/10 Helpfulness 2/10

answer material ui phone number input

related material ui phone number input

material ui phone number input

Comment

import { forwardRef } from 'react'
import TextField from '@material-ui/core/TextField'
import { makeStyles } from '@material-ui/core/styles'

const useStyles = makeStyles(theme => ({
  input: {
    backgroundColor: '#fff'
  }
}))

const phoneInput = (props, ref) => {
  const classes = useStyles()

  return (

    <TextField
      {...props}
      InputProps={{
        className: classes.input
      }}
      inputRef={ref}
      fullWidth
      size='small'
      label='Phone Number'
      variant='outlined'
      name='phone'
    />
  )
}
export default forwardRef(phoneInput)

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: input javascript material-ui phone-number

Link to this answer
Share Copy Link

Contributed on Jun 07 2021

Sleepy Squirrel

0 Answers Avg Quality 2/10

Closely Related Answers

material ui phone number input

Comment

import PhoneInput from 'react-phone-number-input'
import CustomPhoneNumber from '../components/prebuilt/PhoneNumber'
...
<PhoneInput
   placeholder='Enter phone number'
   value={phone}
   onChange={setPhone}
   inputComponent={CustomPhoneNumber}
/>
...

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Jun 07 2021

Sleepy Squirrel

0 Answers Avg Quality 2/10

material ui phone number input

Contents

More Related Answers

material ui phone number input

Closely Related Answers

material ui phone number input

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.