FormGroup.md

FormGroup

Wrapper component for user-interactive elements (input / select ..ets).

FormGroup should be wrapped into Form

Public interface

Props

FormGroup contains View component from react-native lib. All props for View are valid for Form.

Also FormGroup is representing FormGroupProvider from react-formawesome-core package. All props for FormGroupProvider are valid for FormGroup.

Example

<Form 
    onSubmit={async (values) => await someRequest(values)}
    validator={new SchemaValidator(ExampleSchema)}
    errorParser={(error) => myCustomParser(error)}
>
    <FormGroup attribute="surname" validateOn="blur">
        ...
    </FormGroup>
    <FormGroup attribute="name" validateOn="focus">
        ...
    </FormGroup>
    <FormGroup attribute="phone" validateOn="change">
        ...
    </FormGroup>
    <FormGroup attribute="address" validateOn={(values, errors) => values.address.length === 3}>
        ...
    </FormGroup>
</Form>