--- title: Form Group description: Form groups are the easiest way to add structure and spacing to form elements. --- # Form Group ## Form groups are the easiest way to add structure and spacing to form elements ### Example The `` component is a wrapper that provides proper grouping of labels, input, help text, and form validation messaging. By default, form groups add spacing between them. ### Disabled State Setting a form group as `disabled` will cause all of its child form components to be disabled. ### Sizes You're able to use the `size` modifier to control the size of the form components inside your ``, using one of the available sizes: `sm`, `md`, and `lg`. The default size is set to `md`. All of the components inside the `` will inherit the parent form group's size. ### Form Group Nesting You can nest form groups in order to control the `disabled`, `readonly` and `size` properties of multiple form components at once. All the child inputs of the parent form group will inherit the property.