Phone input

The Phone input is a wrapper around Select and Text inputs.

Phone+213

React

<FormPhoneInput name={'phone'} placeholder={'phone'} />

Track value changes

To track value changes on this input, please use onValueChange property.

React

<FormPhoneInput name={'phone'} placeholder={'phone'} onValueChange={(newVal) => handleValueChange(newVal)} />

Override country list

Country list can be overridden and provided to the component.

countries-example.json

[
  {
    "name": "Algérie Test",
    "callingCode": "213",
    "isoCountryCode": "DZ",
    "imgSrc": ""
  },
  {
    "name": "Argentina Test",
    "callingCode": "54",
    "isoCountryCode": "AR",
    "imgSrc": ""
  }
]

React

import countries from './countries-example.json';
<FormPhoneInput name={'phone'} placeholder={'phone'} countries={countries} />

Phone+213

Form Radio