Skip to content

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

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes applied to the section root.

Slots ​

NameScopedDescription
titletitle Section title; usually a <FormSectionTitle>.
asideaside Mono trailing meta next to the title (e.g. "required").
default

Full slot reference

Source ​

client/lib/form/layout/FormSection.vue