> For the complete documentation index, see [llms.txt](https://docs.klai.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.klai.studio/reference/components-overview/grouping-elements/accordion.md).

# accordion

The accordion allows collapsable data rows, much like a portal.

[Accordion2 ](/reference/components-overview/grouping-elements/accordion-1.md)version adds slots that can replace the row header.

| Key           | Type   | Description                                                                                                                |
| ------------- | ------ | -------------------------------------------------------------------------------------------------------------------------- |
| bfId          | object | a BetterForms UUID is generated and added to all browser side created records to help in post processing                   |
| defaultModel  | object | when provided will be used to populate browser side created rows.                                                          |
| min           | number | {optional} The minimum number of tabs the user is allowed to create. The delete icon will had when this number is reached. |
| max           | number | {optional} The maximum number of tabs the user is allowed to create. The add icons will hide when this number is reached.  |
| model         | array  | the data key the tab row data resides in. `model` must be initialized as an array. `[]`                                    |
| schema        | object | the schema object follows the same construct as schema of its parent. It only needs to contain a ***fields*** array.       |
| tabLabelModel | string | Point this to the data model.field. It will be used to display on the tab.                                                 |

## Notes

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.