Skip to main content

PhoneField

A PhoneField combines a country code selector and a text field, streamlining the input of international phone numbers in forms.

OverviewReactSwiftKotlin

Usage​

The PhoneField components is a combination of a country code selector and a text field, streamlining the input of international phone numbers in forms.

It will automatically set the correct country code based on the phone filled in in the text field.

Appearance​

A. Label​

The text label associated with the PhoneField.

B. Optional Label​

Indicates if the input is optional. The optionalLabel also removes the required attribute from the input.

C. Value​

The content the user has entered into the field.

D. Action​

Mostly a link that can refer more information on the subject.

F. Country code​

A select to retrieve the correct country code.

G. Message​

Give additional information to the user.

Required vs optional​

Rather than using an asterisk (*) to indicate required form inputs, Chameleon treats all form elements as required by default and displays an optionalLabel for fields that are optional.