Tiniest react input phone component (auto formating included)
Demo · Documentation · Twitter Created by Joris
Features
-
🌐 Follows the E.164 : The international public telecommunication numbering plan -
🎨 Easily Customizable -
🪶 Lightweight - less than 6kb -
📞 Native - it's just a HMTL input -
🔌 easily integration - it works without additional configuration (remix, react-hook-form) - Controlled mode: coming soon
- Custom render for
Phone.Country
andPhone.Number
: coming soon - Optional formatted placeholder: coming soon
Installation
yarn add react-telephone
or
npm i react-telephone
Usage
import { Phone } from 'react-telephone';
export default function MyComponent() {
return (
<Phone>
<Phone.Country />
<Phone.Number />
</Phone>
);
}
Props
Prop | Description | Default | Value |
---|---|---|---|
defaultCountry |
Default country displayed for the country selector | First country (Afghanistan) | Country ISO2 code (fr, us) |
Contributors
Thanks goes to these wonderful people (emoji key):
Joris |
Michaël Rézac |