---
title: "Group accordion form element"
date: "2017-11-13T08:00:44+00:00"
summary: "Streamline your Site Studio component forms with the Group accordion element. Learn how to organize fields, improve usability, and create intuitive layouts for your content editors and developers."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/group-accordion-form-element"
id: "dd409d61-79e3-45c6-95e2-245603eff1c1"
---

Table of contents will be added

Use the Group accordion and the [Field group](/drupal-starter-kits/add-ons/site-studio/field-group-form-element "Field group form element") form elements to group fields on your Component form. These fields are purely for the purpose of making your Component forms easier to use through layout.

The example below shows the Group accordion (in blue) and the [Field group](/drupal-starter-kits/add-ons/site-studio/field-group-form-element "Field group form element") (in black) being used to organize the layout of a form with many fields.

![b48c91d2-group-accordion-form-field.png](https://acquia.widen.net/content/4d7de3c4-4bf9-490c-be4a-b249c219e596/web/b48c91d2-group-accordion-form-field.png)

Locating the group accordion form element
-----------------------------------------

To find the Group accordion form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Within the Fields tab, look for the Group form element.

![3a57dc7b-group-accordion.png](https://acquia.widen.net/content/b66f7671-f191-4cb3-a41e-b8ad16da2949/web/3a57dc7b-group-accordion.png)

The Group accordion form element includes the following fields:

Title field
-----------

*   Provide a name for the form element. **Important:** This will be displayed in your component form.

Default state
-------------

*   **Open -** Sets the default state of the accordion to open when toggled on.