A phone number input designed for the React library MUI built with libphonenumber-js
npm install mui-tel-input
!ts


``
// with npm
npm install mui-tel-input
// with yarn
yarn add mui-tel-input
`
The component uses libphonenumber-js for phone number parsing and formatting.
`jsx
import React from 'react'
import { MuiTelInput } from 'mui-tel-input'
const MyComponent = () => {
const [value, setValue] = React.useState('')
const handleChange = (newValue) => {
setValue(newValue)
}
return
}
`
Learn how to use MUI Tel Input with Next.js.
Once you have installed MUI Tel Input in your next.js project, it is important to transpile it as it is an ESM package first.
`js
/* @type {import('next').NextConfig} /
const nextConfig = {
transpilePackages: ['mui-tel-input'],
// your config
}
module.exports = nextConfig
``
Go to GitHub Releases
This library comes with TypeScript "typings". If you happen to find any bugs in those, create an issue.
Please file an issue for bugs, missing documentation, or unexpected behavior.
Please file an issue to suggest new features. Vote on feature requests by adding
a 👍. This helps maintainers prioritize what to work on.
MIT