@wfp/ui/src/components/InputGroup/README.mdx

WFP UI Kit

<!--## Use with React Final Form (Redux form)

Add `controlled={false}` to allow final-form to hand the state.

```js
<InputGroup
  controlled={false}
  labelText="Tracking frequency"
  helperText="How often the position will be updated">
  <Field
    component={ReduxFormWrapper}
    inputComponent={RadioButton}
    id="radioButton-1"
    name="radioButton"
    value={5}
    labelText="Radiobutton 1"
    type="radio"
  />
  <Field
    component={ReduxFormWrapper}
    inputComponent={RadioButton}
    id="radioButton-2"
    name="radioButton"
    value={10}
    labelText="Radiobutton 2"
    type="radio"
  />
</InputGroup>
```-->

## Usage

InputGroup should be used inside `<Form>`s and can contain multiple inputs.

#### When to use

Use InputGroup to structure multiple inputs

#### When not to use

Do not nest multiple Inputs. Each input should only have one label text.

## Related

[Form](?path=/docs/components-form--regular)

[Checkbox](?path=/docs/components-checkbox--regular)

[RadioButton](?path=/docs/components-radiobutton--regular)