Group


# Group Component

The `<Group/>` component nests it's children into a new object. A Group component with `prop="address"` would make it's children update an object at `form.state.value.address` instead of the root object

```tsx live
<Form onSubmit={alert} onChange={console.log}>
  <Group prop="user">
    <Input prop="name" placeholder="Name" />
    <Input prop="email" placeholder="Email" />
  </Group>
  <div>
    <Checkbox prop="approved" label="approved" />
  </div>
  <Submit />
  <Log />
</Form>
```
