Features
- Per-group rendering options — new
groups prop on FormBuilder lets you customize each field group by name: override the displayed label, hide the header (showLabel), hide the divider (showDivider), or provide a fully custom renderHeader.
slot field type — clearer alias of display for injecting JSX between fields. Combine with visible for conditional inline content (warnings, hints, banners) without polluting form values or validation.gap prop documented in the FormBuilder type definitions and README with the full HubSpot spacing token mapping.
Example
<FormBuilder
fields={fields}
groups={{
contact: { label: "Contact Info" },
company: { label: "Company Info", showDivider: false },
}}
/>{
name: "_addressWarning",
type: "slot",
visible: (vals) => isAddressIncomplete(vals),
render: () => <Tag variant="warning">Incomplete address</Tag>,
}