“Material UI Telefonnummer Eingabe” Code-Antworten

Material UI Telefonnummer Eingabe

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

Material UI Telefonnummer Eingabe

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)
Sleepy Squirrel

Ähnliche Antworten wie “Material UI Telefonnummer Eingabe”

Fragen ähnlich wie “Material UI Telefonnummer Eingabe”

Weitere verwandte Antworten zu “Material UI Telefonnummer Eingabe” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen