Form Layouts 3 component design & features
This example places Field Controllers in a two-column grid so paired inputs share a row on wide screens. Each cell keeps Field, FieldLabel, Input, and FieldError wiring from react-hook-form.
Two-column forms accelerate address entry, name fields, and filter dialogs on desktop. Fields should collapse to one column on narrow viewports for touch targets.