Country Code Picker
Country Code Picker (CCP) is a component which provides an easy way to search and select country phone code ( national code ) for the telephone number.
Usage
Basic Usage
import {CountryCodePicker} from 'arivaa-basic';
//In default modal mode
<CountryCodePicker/>
//In Picker Mode
<CountryCodePicker type="picker"/>
Advanced Usage
import {CountryCodePicker} from 'arivaa-basic';
//With Label Formatter, Value Formatter and onChange callback
<CountryCodePicker
type="picker"
labelFormatter = {(obj)=>{
return "You love "+obj.name+"?"
}}
valueFormatter = {(obj)=>{
return "You loved "+obj.name+"?"
}}
onChange={(value)=>{this.setState({value})}}
/>
Note: This component is completely compatible with Form Component and can be used with the forms architecture.
Supported properties {#supported-properties}
Properties | Description | Type | Default |
---|---|---|---|
type | Type of select to be used (modal or picker) | String | modal |
title | Select title | String | Select Country |
valueFormatter | Function to format value (Should return the formatted value) | function(value){} | - |
labelFormatter | Function to format label (Should return the formatted label) | function(label){} | - |
Note: Along with above properties, All the properties of select component are applicable to this component.