Groups and Sections

Groups and sections organize form fields into fieldsets.

Groups

form: {
  groups: [
    {
      title: "Profile",
      fields: ["name", "email"]
    },
    {
      title: "Access",
      fields: ["roleId", "status"]
    }
  ]
}

Fields not listed in any group render after grouped fields.

Sections

form: {
  sections: [
    {
      key: "profile",
      title: "Profile",
      fields: ["name", "email"]
    },
    {
      key: "access",
      label: "Access",
      fields: ["roleId", "status"]
    }
  ]
}

Fields not listed in any section render after sectioned fields.

Priority

If form.groups exists, VibeFlui renders groups and does not render form.sections.

If root form tabs or wizard steps exist, those render before groups and sections.

Section metadata

FluiKitFormSection includes table and form boolean metadata. Core form rendering uses the section fields list; adapters or custom renderers may read the metadata for their own layout rules.