Properties
| Property | Type | Description |
|---|---|---|
path | string | (required) The path to the array to add the new item to. |
itemPath | string | (optional) The path to the item in a nested array, to add the new item to. |
insertAt | number | (optional) The index to insert the new item at. |
title | React.Node | (optional) The title of the container. |
data | object array | (optional) Prefilled data to be used by fields. The data will be put into this path: /pushContainerItems/0. Use defaultData when possible. |
defaultData | object array | (optional) Prefilled data to be used by fields. The data will be put into this path: /pushContainerItems/0. |
isolatedData | object | (optional) Provide additional data that will be put into the root of the isolated data context (parallel to /pushContainerItems/0). |
required | boolean | (optional) If the fields inside the container are required. |
bubbleValidation | boolean | (optional) Prevent the form from being submitted when there are fields with errors inside the PushContainer. |
preventUncommittedChanges | boolean | (optional) Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes. |
showResetButton | boolean | (optional) Show a button to clear the PushContainer data. |
openButton | React.Node | (optional) The button to open container. |
showOpenButtonWhen | function | (optional) Define when the "open button" should be shown. Should be a function that returns a boolean. |
variant | string | (optional) Defines the variant of the container. Can be outline, filled or basic. Defaults to outline. |
toolbar | React.Node | (optional) A custom toolbar to be shown below the container. |
dataReference | IsolationDataReference | (optional) Provide a reference by using Form.Isolation.createDataReference. |
children | React.Node | (required) The container contents. |
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 |
|---|---|---|---|---|
IteratePushContainer.createButton | Legg til | Add | Lägg till | Tilføj |
IteratePushContainer.itemsLimitReached | Du har nådd grensen på: {limit} | You have reached the limit of: {limit} | Du har nått gränsen på: {limit} | Du har nået grænsen: {limit} |