Skip to main content Skip to navigation Skip to search

Form Group

Form groups provides a way to organize forms and make them more understandable for users. Users can focus on smaller groups instead of the whole form all at once.

Usage

Use a form group when there are multiple, related controls to help users focus on smaller sections of a form, one at a time. Form groups are comonly applied when multiple form controls relate to one section of the form. E.g often there are multiple checkboxes and radio controls needed to coolect to correct input from a user.

message text

Layouts

Form groups can have one of three layouts. Vertical, horizontal or compact. This layout will apply to all control inputs in the group.

Horizontal

Horizontal is the default if no layout is specified. It displays the Group label to the left of a vertical list of control inputs. The supplemnental text is below the control elements.

message text

Vertical

A vertical form group group places the group label above the list of control elements. The supplemental text is below the control elements.

message text

Compact

A compact form group places all control elements on a single line and the supplemental text after the last control element.

message text