TextField component

[aldeed]

TextField

I propose that we create a TextField component, which renders this:

<Field>
  <TextInput />
  <ErrorsBlock />
</Field>

The props will be a combination of the props for all of those components it renders. It will get Field, TextInput, and ErrorsBlock from its components prop (components context).

For those familiar with autoform, this is similar to the quickField idea in that package.

There are 4 good reasons to make this and use it:

1. Faster development, less to type
2. UI consistency, there will be less variation in how each developer makes a field.
3. Client bundle size. If making these blocks dynamically, there is less code to send down to the client.
4. This component can handle making unique IDs to properly implement htmlFor on the label.

I think this should be limited to TextInput. We can duplicate it to make similar PhoneNumberField, NumberField, SelectField, etc.

[Vanshii21]

Ya, I think you right