New FieldGroup Component

[scurker]

FieldGroup is a new grouping component that wraps a related set of input controls and includes a group label with an optional description and error state. This is an unstyled component.

Implementation

type FieldGroupProps = {
  label: ContentNode;
  children: React.ReactNode;
  description?: ContentNode;
  error?: ContentNode;
} & React.HTMLAttributes<HTMLDivElement>

The grouping element should be aria-labelledby and aria-describedby its respective label and/or description (when it's present). This should function and be displayed similarly to how other input controls (TextField, Combobox, Select, etc) handle labels, descriptions, and error display.

Any child content should be displayed inside of the wrapping element.