FormField

This component is a top level building block for our form fields. It adds some styles to children and manage their position to keep fields with a consistent look.

Usage

<FormField>
  <FormLabel>Email</FormLabel>
  <FormDescription>
    This email will be used to authenticate you later
  </FormDescription>
  <FormInput type="email" placeholder="example@gmail.com" />
  <FormError>This email already exists</FormError>
</FormField>

With multiple inputs inline

<FormField>
  <FormLabel>Date</FormLabel>
  <Spacings.Inline>
    <FormInput placeholder="dd" />
    <FormInput placeholder="mm" />
    <FormInput placeholder="yyyy" />
  </Spacings.Inline>
</FormField>