Field.PhoneNumber

Properties

Field-specific properties

	Type	Description
`countries`	`"Scandinavia"` `"Nordic"` `"Europe"` `"Prioritized"`	(optional) List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries sorted by priority). Defaults to `Prioritized`.
`filterCountries`	`function`	(optional) Use this property to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.
`pattern`	`string`	(optional) Validation based on regex pattern for the combined E.164 value e.g. `pattern="^\+47[49]\d{7} quot;`.
`omitCountryCodeField`	`boolean`	(optional) If `true` is given, then everything related to country code is removed.
`countryCodeFieldClassName`	`string`	(optional) Class name for the country code component.
`numberFieldClassName`	`string`	(optional) Class name for the number component.
`countryCodePlaceholder`	`string`	(optional) Placeholder for the country code field.
`countryCodeLabel`	`React.ReactNode`	(optional) Label to show above / before the country code field.
`numberLabel`	`React.ReactNode`	(optional) Label to show above / before the number field. Defaults to the translated label from `PhoneNumber.label`.
`numberMask`	`Various`	(optional) See property `mask` of the InputMasked component.
`width`	`string` `false`	(optional) `large` for predefined standard width, `stretch` for fill available width.
`label`	`string`	(optional) Label to show on the FieldBlock (wrapper around the phone number fields). Use `numberLabel` to customize the label for the number input field.
`labelDescription`	`string`	(optional) Description text shown below the label on the FieldBlock (wrapper around the phone number fields).
`labelSrOnly`	`boolean`	(optional) Use `true` to make the label only readable by screen readers.
`size`	`string` `number`	(optional) The sizes you can choose are `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem). Defaults to `default` / `null`. Also, if you define a number like `size={2}` then it will be forwarded as the input element attribute. Consider rather setting field sizes with Form.Appearance.
`Space`	`string` `object`	(optional) Spacing properties like `top` or `bottom` are supported.

General properties

	Type	Description
`value`	`string`	(optional) Source data value for the field. Will take precedence over the path value given in the data context.
`defaultValue`	`string`	(optional) Default source data value for the field. Will not take precedence over the path value given in the data context.
`path`	`string`	(optional) JSON Pointer for where the data for the field is located in the source dataset (when using Form.Handler or DataContext). The `path` will also be set as the `name` attribute for the string-field.
`info`	`React.ReactNode` `Array<React.ReactNode>` `function`	(optional) Info message shown below / after the field by default. Use `statusPosition="above"` to show status messages above the field. When provided as a function, the function will be called with the current value as argument. The second parameter is an object with `{ conditionally, getValueByPath, getFieldByPath }`. To show the message first after the user has interacted with the field, you can call and return `conditionally` function with a callback and with options: `conditionally(() => 'Your message', { showInitially: true })`.
`warning`	`React.ReactNode` `Array<React.ReactNode>` `function`	(optional) Warning message shown below / after the field by default. Use `statusPosition="above"` to show status messages above the field. When provided as a function, the function will be called with the current value as argument. The second parameter is an object with `{ conditionally, getValueByPath, getFieldByPath }`. To show the message first after the user has interacted with the field, you can call and return `conditionally` function with a callback and with options: `conditionally(() => 'Your message', { showInitially: true })`.
`error`	`Error` `FormError` `Array<Error \| FormError>` `function`	(optional) Error message shown below / after the field. When provided as a function, the function will be called with the current value as argument. The second parameter is an object with `{ conditionally, getValueByPath, getFieldByPath }`. To show the message first after the user has interacted with the field, you can call and return `conditionally` function with a callback and with options: `conditionally(() => 'Your message', { showInitially: true })`.
`disabled`	`boolean`	(optional) Set `true` to show the field but without the possibility of changing the value.
`emptyValue`	`string` `undefined`	(optional) The value to use (in `onChange` events etc) when emptying the field. Makes it possible for instance to provide `undefined` instead of an empty string when clearing the content of a text input.
`required`	`boolean`	(optional) When set to `true`, the field will give an error if the value fails the required validation. When set to `false`, the field will not be required, but will add a "(optional)" suffix to the label.
`labelSuffix`	`React.ReactNode`	(optional) Will append an additional text to the label, like "(optional)". When using `inheritLabel`, the suffix will not be inherited. NB: The visual appearance of the `labelSuffix` may change in the future.
`schema`	`object`	(optional) Custom JSON Schema for validating the value.
`validateInitially`	`boolean`	(optional) Set to `true` to show validation based errors initially (from given value-property or source data) before the user interacts with the field.
`validateUnchanged`	`boolean`	(optional) Set to `true` to show validation based errors when the field is touched (like focusing a field and blurring) without having changed the value. Since the user did not introduce a new error, this will apply when the value was initially invalid based on validation.
`validateContinuously`	`boolean`	(optional) Set to `true` to show validation based errors continuously while writing, not just when blurring the field.
`errorMessages`	`object`	(optional) Custom error messages for each type of error, overriding default messages. The messages can be a `React.ReactNode` or a string.
`onChangeValidator`	`function`	(optional) Custom validator function where you can return `undefined`, `Error`, `FormError` or an Array with either several other validators or several `Error` or `FormError`. It is triggered on every change done by the user. The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.
`onBlurValidator`	`function`	(optional) Custom validator function where you can return `undefined`, `Error`, `FormError` or an Array with either several other validators or several `Error` or `FormError`. It is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }.
`transformIn`	`function`	(optional) Transforms the `value` before it's displayed in the field (e.g. input).
`transformOut`	`function`	(optional) Transforms the value before it gets forwarded to the form data object (context) or returned as the `onChange` value parameter. The first parameter is the internal value. Some fields do support a second parameter, like the SelectCountry, where the country object is given.
`labelDescriptionInline`	`boolean`	(optional) If `true`, the `labelDescription` will be displayed on the same line as the label.
`labelSrOnly`	`boolean`	(optional) Use `true` to make the label only readable by screen readers.
`help`	`object`	(optional) Provide help content for the field using `title` and `content` as a string or `React.ReactNode`. Additionally, you can set `open` to `true` to display the inline help, set the `breakout` property to `false` to disable the breakout of the inline help content, set `outset` to `false` to display the help text inline (inset) instead of the default outset behavior, or use `renderAs` set to `dialog` to render the content in a Dialog (recommended for larger amounts of content).
`hideHelpButton`	`boolean`	(optional) Set `true` when you render the inline help button outside the label (e.g. inside a checkbox suffix) so FieldBlock skips drawing the default label help button.
`statusPosition`	`"below"` `"above"`	(optional) Controls where status messages (`error`, `warning`, `information`) are visually shown. Use `below` (default) or `above`.
`width`	`string` `false`	(optional) Will set the width for the whole block. Use `small`, `medium`, `large` for predefined standard widths. You can also set a custom width `{number}rem` or use `stretch` or `false`.
`contentWidth`	`string` `false`	(optional) Will set the width for its contents. Use `small`, `medium`, `large` for predefined standard widths. You can also set a custom width `{number}rem` or use `stretch` or `false`.
`Space`	`string` `object`	(optional) Spacing properties like `top` or `bottom` are supported.

Translations

More info about translations can be found in the general localization and Eufemia Forms localization docs.

Key	nb-NO	en-GB	sv-SE	da-DK
`PhoneNumber.numberLabel`	Mobilnummer	Mobile number	Mobilnummer	Mobilnummer
`PhoneNumber.countryCodeLabel`	Landskode	Country code	Landskod	Landskode
`PhoneNumber.errorRequired`	Mobilnummer må fylles ut. Hvis du ikke har et mobilnummer, kan du oppgi et annet telefonnummer.	Mobile number must be filled in. If you don’t have a mobile number, you can enter another phone number.	Mobilnummer måste fyllas i. Om du inte har ett mobilnummer kan du ange ett annat telefonnummer.	Mobilnummer skal udfyldes. Hvis du ikke har et mobilnummer, kan du indtaste et andet telefonnummer.
`PhoneNumber.warningRequired`	Du har ikke skrevet inn et mobilnummer. Du kan likevel bruke dette nummeret hvis det er riktig.	You have not entered a mobile number. You can still use this number if it is correct.	Du har inte angett ett mobilnummer. Du kan ändå använda detta nummer om det är korrekt.	Du har ikke angivet et mobilnummer. Du kan stadig bruge dette nummer, hvis det er korrekt.
`Field.errorSummaryTitle`	Feil som må rettes	Please correct the following errors	Fel som måste åtgärdas	Felter der skal rettes
`Field.stateSummary`	Oppsummering:	Summary:	Sammanfattning:	Oversigt:
`Field.errorSummary`	Feil som må rettes:	Please correct the following errors:	Fel som måste åtgärdas:	Felter der skal rettes:
`Field.errorRequired`	Dette feltet må fylles ut.	This field is required.	Detta fält måste fyllas i.	Dette felt skal udfyldes.
`Field.errorPattern`	Du må skrive inn en gyldig verdi.	You must enter a valid value.	Du måste ange ett giltigt värde.	Du skal indtaste en gyldig værdi.
`Field.optionalLabelSuffix`	(valgfritt)	(optional)	(valfritt)	(valgfrit)

List of available countries

Link to the code of the available countries.

ISO 3166-1 alpha-2 code	en	nb
`AF`	Afghanistan	Afghanistan
`AL`	Albania	Albania
`DZ`	Algeria	Algerie
`AS`	American Samoa	Amerikansk Samoa
`AD`	Andorra	Andorra
`AO`	Angola	Angola
`AI`	Anguilla	Anguilla
`AQ`	Antarctica	Antarktis
`AG`	Antigua and Barbuda	Antigua og Barbuda
`AR`	Argentina	Argentina
`AM`	Armenia	Armenia
`AW`	Aruba	Aruba
`AU`	Australia	Australia
`AT`	Austria	Østerrike
`AZ`	Azerbaijan	Aserbajdsjan
`BS`	Bahamas	Bahamas
`BH`	Bahrain	Bahrain
`BD`	Bangladesh	Bangladesh
`BB`	Barbados	Barbados
`BY`	Belarus	Belarus
`BE`	Belgium	Belgia
`BZ`	Belize	Belize
`BJ`	Benin	Benin
`BM`	Bermuda	Bermuda
`BT`	Bhutan	Bhutan
`BO`	Bolivia	Bolivia
`BA`	Bosnia and Herzegovina	Bosnia-Hercegovina
`BW`	Botswana	Botswana
`BV`	Bouvet Island	Bouvetøya
`BR`	Brazil	Brasil
`IO`	British Indian Ocean Territory	Det britiske territoriet i Indiahavet
`VG`	British Virgin Islands	De britiske Jomfruøyer
`BN`	Brunei	Brunei
`BG`	Bulgaria	Bulgaria
`BF`	Burkina Faso	Burkina Faso
`BI`	Burundi	Burundi
`KH`	Cambodia	Kambodsja
`CM`	Cameroon	Kamerun
`CA`	Canada	Canada
`CV`	Cape Verde	Kapp Verde
`BQ`	Bonaire, Sint Eustatius and Saba	Bonaire, Sint Eustatius og Saba
`KY`	Cayman Islands	Caymanøyene
`CF`	Central African Republic	Den sentralafrikanske republikk
`TD`	Chad	Tsjad
`CL`	Chile	Chile
`CN`	China	Kina
`CX`	Christmas Island	Juleøya
`CC`	Cocos Islands	Kokosøyene
`CO`	Colombia	Colombia
`KM`	Comoros	Komorene
`CK`	Cook Islands	Cookøyene
`CR`	Costa Rica	Costa Rica
`HR`	Croatia	Kroatia
`CU`	Cuba	Cuba
`CW`	Curaçao	Curaçao
`CY`	Cyprus	Kypros
`CZ`	Czech Republic	Tsjekkia
`CD`	Congo, the Democratic Republic	Kongo, den demokratiske republikken
`DK`	Denmark	Danmark
`DJ`	Djibouti	Djibouti
`DM`	Dominica	Dominica
`DO`	Dominican Republic	Den dominikanske republikk
`TL`	East Timor	Øst-Timor
`EC`	Ecuador	Ecuador
`EG`	Egypt	Egypt
`SV`	El Salvador	El Salvador
`GQ`	Equatorial Guinea	Ekvatorial-Guinea
`ER`	Eritrea	Eritrea
`EE`	Estonia	Estland
`SZ`	Eswatini	Eswatini
`ET`	Ethiopia	Etiopia
`FK`	Falkland Islands	Falklandsøyene
`FO`	Faroe Islands	Færøyene
`FJ`	Fiji	Fiji
`FI`	Finland	Finland
`FR`	France	Frankrike
`GF`	French Guiana	Fransk Guyana
`PF`	French Polynesia	Fransk Polynesia
`TF`	French Southern and Antarctic Lands	De franske sørterritorier
`GA`	Gabon	Gabon
`GM`	Gambia	Gambia
`GE`	Georgia	Georgia
`DE`	Germany	Tyskland
`GH`	Ghana	Ghana
`GI`	Gibraltar	Gibraltar
`GR`	Greece	Hellas
`GL`	Greenland	Grønland
`GD`	Grenada	Grenada
`GP`	Guadeloupe	Guadeloupe
`GU`	Guam	Guam
`GT`	Guatemala	Guatemala
`GG`	Guernsey	Guernsey
`GN`	Guinea	Guinea
`GW`	Guinea-Bissau	Guinea-Bissau
`GY`	Guyana	Guyana
`HT`	Haiti	Haiti
`HM`	Heard Island and McDonald Islands	Heard- og McDonaldøyene
`HN`	Honduras	Honduras
`HK`	Hong Kong	Hongkong
`HU`	Hungary	Ungarn
`IS`	Iceland	Island
`IN`	India	India
`ID`	Indonesia	Indonesia
`IR`	Iran	Iran
`IQ`	Iraq	Irak
`IE`	Ireland	Irland
`IM`	Isle of Man	Man
`IL`	Israel	Israel
`IT`	Italy	Italia
`CI`	Ivory Coast	Elfenbenskysten
`JM`	Jamaica	Jamaica
`JP`	Japan	Japan
`JE`	Jersey	Jersey
`JO`	Jordan	Jordan
`KZ`	Kazakhstan	Kasakhstan
`KE`	Kenya	Kenya
`KI`	Kiribati	Kiribati
`XK`	Kosovo	Kosovo
`KW`	Kuwait	Kuwait
`KG`	Kyrgyzstan	Kirgisistan
`LA`	Laos	Laos
`LV`	Latvia	Latvia
`LB`	Lebanon	Libanon
`LS`	Lesotho	Lesotho
`LR`	Liberia	Liberia
`LY`	Libya	Libya
`LI`	Liechtenstein	Liechtenstein
`LT`	Lithuania	Litauen
`LU`	Luxembourg	Luxembourg
`MO`	Macao	Macao
`MG`	Madagascar	Madagaskar
`MW`	Malawi	Malawi
`MY`	Malaysia	Malaysia
`MV`	Maldives	Maldivene
`ML`	Mali	Mali
`MT`	Malta	Malta
`MH`	Marshall Islands	Marshalløyene
`MQ`	Martinique	Martinique
`MR`	Mauritania	Mauritania
`MU`	Mauritius	Mauritius
`YT`	Mayotte	Mayotte
`MX`	Mexico	Mexico
`FM`	Micronesia	Mikronesia
`MD`	Moldova	Moldova
`MC`	Monaco	Monaco
`MN`	Mongolia	Mongolia
`ME`	Montenegro	Montenegro
`MS`	Montserrat	Montserrat
`MA`	Morocco	Marokko
`MZ`	Mozambique	Mosambik
`MM`	Myanmar	Myanmar
`NA`	Namibia	Namibia
`NR`	Nauru	Nauru
`NP`	Nepal	Nepal
`NL`	Netherlands	Nederland
`NC`	New Caledonia	Ny-Caledonia
`NZ`	New Zealand	New Zealand
`NI`	Nicaragua	Nicaragua
`NE`	Niger	Niger
`NG`	Nigeria	Nigeria
`NU`	Niue	Niue
`NF`	Norfolk Island	Norfolkøya
`KP`	North Korea	Nord-Korea
`MK`	North Macedonia	Nord-Makedonia
`MP`	Northern Mariana Islands	Nord-Marianene
`NO`	Norway	Norge
`OM`	Oman	Oman
`PK`	Pakistan	Pakistan
`PW`	Palau	Palau
`PS`	Palestine	Palestina
`PA`	Panama	Panama
`PG`	Papua New Guinea	Papua Ny-Guinea
`PY`	Paraguay	Paraguay
`PE`	Peru	Peru
`PH`	Philippines	Filippinene
`PN`	Pitcairn	Pitcairnøyene
`PL`	Poland	Polen
`PT`	Portugal	Portugal
`PR`	Puerto Rico	Puerto Rico
`QA`	Qatar	Qatar
`CG`	Congo, the Republic	Kongo, republikken
`RE`	Réunion	Réunion
`RO`	Romania	Romania
`RU`	Russia	Russland
`RW`	Rwanda	Rwanda
`BL`	Saint-Barthélemy	Saint-Barthélemy
`SH`	Saint Helena, Ascension and Tristan da Cunha	Saint Helena, Ascension og Tristan da Cunha
`KN`	Saint Kitts and Nevis	Saint Kitts og Nevis
`LC`	Saint Lucia	Saint Lucia
`MF`	Saint-Martin (FR)	Saint-Martin (FR)
`PM`	Saint Pierre and Miquelon	Saint Pierre og Miquelon
`VC`	Saint Vincent and the Grenadines	Saint Vincent og Grenadinene
`WS`	Samoa	Samoa
`SM`	San Marino	San Marino
`ST`	Sao Tome and Principe	São Tomé og Príncipe
`SA`	Saudi Arabia	Saudi-Arabia
`SN`	Senegal	Senegal
`RS`	Serbia	Serbia
`SC`	Seychelles	Seychellene
`SL`	Sierra Leone	Sierra Leone
`SG`	Singapore	Singapore
`SX`	Sint Maarten (NL)	Sint Maarten (NL)
`SK`	Slovakia	Slovakia
`SI`	Slovenia	Slovenia
`SB`	Solomon Islands	Salomonøyene
`SO`	Somalia	Somalia
`ZA`	South Africa	Sør-Afrika
`GS`	South Georgia and the South Sandwich Islands	Sør-Georgia og Sør-Sandwichøyene
`KR`	South Korea	Sør-Korea
`SS`	South Sudan	Sør-Sudan
`ES`	Spain	Spania
`LK`	Sri Lanka	Sri Lanka
`SD`	Sudan	Sudan
`SR`	Suriname	Surinam
`SJ`	Svalbard and Jan Mayen	Svalbard og Jan Mayen
`SE`	Sweden	Sverige
`CH`	Switzerland	Sveits
`SY`	Syria	Syria
`TW`	Taiwan	Taiwan
`TJ`	Tajikistan	Tadsjikistan
`TZ`	Tanzania	Tanzania
`TH`	Thailand	Thailand
`TG`	Togo	Togo
`TK`	Tokelau	Tokelau
`TO`	Tonga	Tonga
`TT`	Trinidad and Tobago	Trinidad og Tobago
`TN`	Tunisia	Tunisia
`TR`	Turkey	Tyrkia
`TM`	Turkmenistan	Turkmenistan
`TC`	Turks and Caicos Islands	Turks- og Caicosøyene
`TV`	Tuvalu	Tuvalu
`VI`	Virgin Islands (U.S)	De amerikanske Jomfruøyer
`UG`	Uganda	Uganda
`UA`	Ukraine	Ukraina
`AE`	United Arab Emirates	De forente arabiske emirater
`GB`	United Kingdom	Storbritannia
`US`	United States	USA
`UM`	United States Minor Outlying Islands	USAs ytre småøyer
`UY`	Uruguay	Uruguay
`UZ`	Uzbekistan	Usbekistan
`VU`	Vanuatu	Vanuatu
`VA`	Vatican	Vatikanstaten
`VE`	Venezuela	Venezuela
`VN`	Vietnam	Vietnam
`WF`	Wallis and Futuna	Wallis og Futuna
`EH`	Western Sahara	Vest-Sahara
`YE`	Yemen	Jemen
`ZM`	Zambia	Zambia
`ZW`	Zimbabwe	Zimbabwe
`AX`	Åland Islands	Åland

#Field.PhoneNumber

#Properties

#Field-specific properties

#General properties

#Translations

#List of available countries

Field.PhoneNumber

Properties

Field-specific properties

General properties

Translations

List of available countries