> 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/v1/reference/components-overview/grouping-elements/untitled-1.md).

# panel

`panel` allows better organization of fields and data. Panel elements can hold other BF elements.

|                 Key | Value(s) |    Type   | Description                                                                                         |
| ------------------: | -------- | :-------: | --------------------------------------------------------------------------------------------------- |
|              `type` | panel    |  *string* |                                                                                                     |
|             `model` |          |  *object* | unused                                                                                              |
|             `title` | *text*   |  *string* | Text string that will appear at the top of the panel                                                |
|            `footer` | *text*   |  *string* | Text that appears at the bottom of the footer.                                                      |
|            `schema` | {}       |  *object* | Contains nested form schema                                                                         |
|     `schema.fields` | \[]      |  *array*  | Field elements to appear inside the panel                                                           |
|            `isOpen` |          | *boolean* | The current state of the panels display                                                             |
|       `credentials` | {}       |  *object* | credential object                                                                                   |
|            `isForm` |          | *boolean* | Defines the panel as a form. [Learn more](/v1/reference/form-settings/misc-page-settings.md#isform) |
| `panelStyleClasses` |          |  *string* |                                                                                                     |
|  `bodyStyleClasses` |          |  *string* |                                                                                                     |

### Reference

```yaml
// sample panel object
{
  "schema": {
    "fields": [
      {
        "inputType": "text",
        "label": "My Input",
        "model": "field1",
        "styleClasses": "col-md-12",
        "type": "input"
      }
    ]
  },
  "slots": [],
  "styleClasses": "col-md-6",
  "type": "panel"
}
```

###