phone-number-input-search

React Input Phone Number component

Usage no npm install needed!

<script type="module">
  import phoneNumberInputSearch from 'https://cdn.skypack.dev/phone-number-input-search';
</script>

README

phone-number-input-search

Phone Number Input With Flag ,Country Phone Code And Country Search component.

NPM JavaScript Style Guide

Install

npm install --save phone-number-input-search

Desktop Demo:

Demo

Usage

import React from "react";
import ReactPhoneInput from "phone-number-input-search";

class Example extends Component {
   const [phone, setPhone] = React.useState(null); // the lifted state
  const getPhoneNumberFun = (data) => { // the callback. Use a better name
    console.log(data); // print phone number - to test
    setPhone(data);
  };

  render() {
    return (
      <ReactPhoneInput getPhoneNumber={getPhoneNumberFun}/>
    );
  }
}

Props

Property Type Default Description
getPhoneNumber function "() => {}" Return phone number with code

License

MIT © Nazeh-Taha