Field

Wrapper around primitive form control components

import { Field } from 'theme-ui'

<Field
  label='Email'
  name='email'
  defaultValue=''
/>
<Field
  label='Email'
  name='email'
  defaultValue=''
/>

Props

Name	Type	Description
`as`	Component	form control to render, default `Input`
`label`	String	Text for `Label` component
`name`	String	Used for the `for`, `id`, and `name` attributes

All other props are passed directly to the form control.

The Field component uses the same variants as the other form components that it is composed of.