Properties
| Property | Type | Description |
|---|---|---|
path | string | (optional) A path to the section (JSON Pointer). When defined, fields inside the section will get this path as a prefix of their own path. |
overwriteProps | object | (optional) Overwrite field props for the section. |
translation | object | (optional) Provide a translation for the section (e.g. {'nb-NO': { MySection: { MyField: { label: 'Custom' }}}}). |
required | boolean | (optional) Makes all fields inside it required. |
validateInitially | boolean | (optional) If set to true, the whole section will be validated initially. All fields will then automatically get validateInitially and show their error messages. Can be useful in combination with containerMode="auto". |
defaultData | object | (optional) Provide default data to the section fields and values, in case the data context (Form.Handler) is not available. |
data | object | (optional) Provide data to the section fields and values, in case the data context (Form.Handler) is not available. |
containerMode | string | (optional) Defines the container mode. Can be view, edit or auto. When set to auto, the mode will initially be "edit" if fields contain errors. Defaults to auto. |
children | React.Node | (optional) All the fields and values inside the section. |
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 |
|---|---|---|---|---|
SectionEditContainer.doneButton | Ferdig | Done | Klar | Færdig |
SectionEditContainer.cancelButton | Avbryt | Cancel | Avbryt | Annuller |
SectionEditContainer.errorInSection | Feilene ovenfor må rettes. | Please correct the errors above. | Felen ovan måste åtgärdas. | Fejlene ovenfor skal rettes. |
SectionEditContainer.confirmCancelText | Er du sikker på at du vil forkaste endringene? | Are you sure you want to discard your changes? | Är du säker på att du vill ångra dina ändringar? | Er du sikker på, at du vil forkaste dine ændringer? |
SectionViewContainer.editButton | Endre | Edit | Ändra | Rediger |