Properties
Field-specific properties
| Property | Type | Description |
|---|---|---|
countryCode | Path string | (optional) Defines which country the postal code and city is for, based on the ISO 3166-1 alpha-2 code i.e. NO, DE etc. Setting it to anything other than NO will remove the default norwegian postal code pattern. You can also use the value of another field to define the countryCode, by using a path value i.e. /myCountryCodePath. Defaults to NO. |
postalCode | object | (required) Properties for the Field.String component for postal code. |
city | object | (required) Properties for the Field.String component for city. |
help | object | (optional) Provide help content for the field using title and content as a string or React.Node. 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). |
size | string number | (optional) The sizes you can choose is default (2rem), medium (2.5rem) and large (3rem) are supported component sizes. 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. |
General properties
| Property | Type | Description |
|---|---|---|
help | object | (optional) Provide help content for the field using title and content as a string or React.Node. 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). |
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. |
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 |
|---|---|---|---|---|
PostalCode.label | Postnr. | Postcode | Postnr. | Postnr. |
PostalCode.errorRequired | Du må fylle inn et postnummer. | You must enter a postcode. | Du måste fylla i ett postnummer. | Du skal udfylde et postnummer. |
PostalCode.errorPattern | Du må skrive inn et gyldig postnummer (fire siffer). | You must enter a valid postcode (4 digits). | Du måste ange ett giltigt postnummer (fyra siffror). | Du skal indtaste et gyldigt postnummer (fire cifre). |
City.label | Sted | City | Ort | By |
City.errorRequired | Du må fylle inn et stedsnavn. | You must enter a city name. | Du måste fylla i ett ortsnamn. | Du skal udfylde et bynavn. |
City.errorPattern | Du må skrive inn et gyldig stedsnavn. Kun bokstaver, bindestrek og mellomrom er tillatt. | You must enter a valid city name. Only letters, hyphens and spaces are allowed. | Du måste ange ett giltigt ortsnamn. Endast bokstäver, bindestreck och mellanslag är tillåtna. | Du skal indtaste et gyldigt bynavn. Kun bogstaver, bindestreger og mellemrum er tilladt. |
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) |