Files
directus/docs/app/data-model/fields/groups.md
Kevin Lewis 61f7e96c6f Updating the Information Architecture of Docs (#18190)
Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch>
Co-authored-by: bryantgillespie <hey@bryantgillespie.com>
2023-04-17 13:11:25 +00:00

40 lines
1.9 KiB
Markdown

# Groups
> Interfaces are how users interact with fields on the Item Detail page. These are the standard Groups interfaces.
## Accordion
![An accordion interface that allows use to expand and collapse different fields.](https://cdn.directus.io/docs/v9/configuration/data-model/fields/interfaces-20230308/interface-accordion.webp)
Group interface that allows user to show and hide certain fields within the group by clicking on each field.
- **Accordion Mode**: `Max 1 Section Open` - this will close all other sections when you open a section.
- **Start**: `All Closed`, `First Opened`
## Detail Group
![A group of form fields that are currently hidden behind a toggle.](https://cdn.directus.io/docs/v9/configuration/data-model/fields/interfaces-20230308/interface-detailgroup-closed.webp)
![A group of form fields that are currently visible but can be hidden behind a toggle.](https://cdn.directus.io/docs/v9/configuration/data-model/fields/interfaces-20230308/interface-detailgroup-open.webp)
Group interface that allows user to show or hide all fields within the group by clicking on the header toggle.
- **Start**: `Start Open`, `Start Closed`
- **Header Icon**: Icon to use beside the group label.
- **Header Color**: Color of the detail group header.
## Raw Group
![A group of form fields](https://cdn.directus.io/docs/v9/configuration/data-model/fields/interfaces-20230308/interface-rawgroup.webp)
Interface that groups multiple fields together, but always displays them.
- **No options available**
## Other Helpful Info
Any fields that you add within a Group will also maintain that grouping throughout the App Studio in filters, dropdowns,
and more.
![Content collection interface that shows a highlighted dropdown with several different groups of fields.](https://cdn.directus.io/docs/v9/configuration/data-model/fields/interfaces-20230308/interface-group-filter.webp)