---
url: "https://vueda.dev/v3/reference/api/vue/FormSection.md"
title: "FormSection"
---

# FormSection

## Overview

Light grouping for long forms: an eyebrow `title` row with an optional
`aside` (e.g. "required", "optional during create"), a single bottom
hairline closing the head, and a slotted body below for fields and
grids. Composes inside `ViewCreate`/`ViewUpdate` `#fields` slots.

Theme entry: [FormSection](/v3/reference/theming/keys/FormSection.md)

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-themeOverride">themeOverride</span> | `Object` |  | `null` | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. |
| <span id="prop-class">class</span> | `import('vue').HTMLAttributes['class']` |  | `undefined` | Additional CSS classes applied to the section root. |

## Slots

| Name | Scoped | Description |
| --- | --- | --- |
| `title` |  | title Section title; usually a `<FormSectionTitle>`. |
| `aside` |  | aside Mono trailing meta next to the title (e.g. "required"). |
| `default` |  |  |

[Full slot reference](/v3/reference/api/vue/FormSection/slots.md)

## Source

`client/lib/form/layout/FormSection.vue`