This component is wrapper for input/textarea/select and hint/label.
It requires context which is provided by <Form />
<Form {...FormProps}>
<FormGroup
name="phone"
errorClassName="has-error"
focusClassName="has-focus"
valueClassName="has-value"
idPrefix="custom-phone-input"
{...HTMLDivElementProps}
>
// ...
</FormGroup>
</Form>
where:
name
- field model name (will be passed to input). Required.idPrefix
- id prefix for input and label. Optional.errorClassName
- className, that attaching toFormGroup
when input does not passed validation. Optional. Default -has-error
.focusClassName
- className, that attaching toFormGroup
when input emitfocus
event. Optional. Default -has-focus
.valueClassName
- className, that attaching toFormGroup
when input has value. Optional. Default -has-value
.