react-phone-lib v1.0.4

React Phone Lib

Encapsuling libphonenumber in React.js.

https://github.com/google/libphonenumber

Installation

$ yarn add react-phone-lib

or

$ npm install react-phone-lib

Usage

import the component:

import PhoneInput from "react-phone-lib";

    handleChangeNumber = val => this.setState({ phone: val });

    handleOnBlur = () => console.log("onBlur called");

    handleOnFocus = () => console.log("onFocus called");

    validateNumber = (obj) => {
        if (obj && obj.isValid) {
            console.log("The number is valid");
        }
    };

    render() {
        const { phone } = this.state;
        return (
            <div>
                <h2>React Phone lib - Demo</h2>
                <PhoneInput
                debug
                autoFormat
                value={phone}
                onChange={this.handleChangeNumber}
                onBlur={this.handleOnBlur}
                callBack={this.validateNumber}
                onFocus={this.handleOnFocus}
                format="INTERNATIONAL"
                language="es"
                label="Phone"
                inputId="phone"
                defaultCountry="ES"
                inputClass="input-class"
                selectClass="select-class"
                containerClass="container-class"
                />
            </div>
        );
    }

Development

Build

$ yarn build

Running on localhost

$ cd demo && yarn start

Properties