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.