The accordion allows collapsable data rows, much like a portal.
Accordion2 version adds slots that can replace the row header.
Copy {
"label": "Enter Some Contacts (min. 1 max 4)",
"max": 4,
"min": 1,
"model": "contacts",
"slots": [{
"html": "This is row:{{row._index +1}}, with the full name: {{model.nameFirst}} {{model.nameLast}}`",
"slot": "tabLabel"
}],
"schema": {
"fields": [{
"inputType": "text",
"label": "First Name",
"model": "nameFirst",
"styleClasses": "",
"type": "input"
},{
"inputType": "text",
"label": "Last Name",
"model": "nameLast",
"styleClasses": "",
"type": "input"
}]
},
"styleClasses": "col-md-6",
"type": "accordion2"
}
Set the min and max values to the same number to permanently hide the add and delete icons. Data within your data models array will still render rows accordingly.