colette-club/react-telephone

☎️ Tiniest react phone input component (auto formating included)

☎️ react-telephone

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 and Phone.Number: coming soon

Examples (Demo)

• Basic
• Tailwind Css
• Styled Components
• Css Modules
• Inline Styles
• React Hook Form

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 🤔 💻