value | array | (optional) The data to iterate over. Alternative you can use the path prop. |
path | string | (optional) A path (JSON Pointer) to the array to iterate over. |
itemPath | string | (optional) A path (JSON Pointer) to nested array items. |
required | boolean | (optional) If the array is required. It does not automatically inherit the required property in the same way that Field.* components do. You may provide a custom error message to give the user a more useful message than the default one: errorMessages={{ 'Field.errorRequired': 'Custom message' }} |
minItems | number | (optional) The minimum amount of items required to iterate over. |
maxItems | number | (optional) The maximum amount of items to iterate over before showing the error. |
limit | number | (optional) Limit the number of rendered items to iterate over. Defaults to undefined. |
reverse | boolean | (optional) When true it will reverse the order of the items. |
countPath | string | (optional) A path (JSON Pointer) to the array length. |
countPathTransform | function | (optional) Will transform the current value before it is displayed. |
countPathLimit | number | (optional) Will limit the iterate amount by given "countPathLimit" value. |
withoutFlex | boolean | (optional) When true it will omit the Flex.Stack wrapper so it can be used for tables and lists. |
animate | boolean | (optional) When true it will animate the height of the items. |
placeholder | React.Node | (optional) Will be shown if the value or data context value is empty. |
emptyValue | unknown | (optional) Will be used to compare the value in order to show the placeholder. |
containerMode | string | (optional) Defines the container mode for all nested containers. Can be view, edit or auto. When using auto, it will automatically open if there is an error in the container. When a new item is added, the item before it will change to view mode, if it had no validation errors. Defaults to auto. |
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 }. |
validateInitially | boolean | (optional) Set to true to show validation based errors initially (from given value-prop or source data) before the user interacts with the field. |
validateContinuously | boolean | (optional) Set to true to show validation based errors continuously while writing, not just when blurring the field. |
children | React.ReactNode
function | (optional) React.Node or a function so you can get the current value as the first function parameter, and the index as the second parameter as well as the array of internal items as the third parameter. |
Flex.Stack | Various | (optional) All Flex.Stack properties. |