Field

We recommend using Final Form, Redux Form or Formik with these components. If so, use ConnectedField for your fields (as in the examples below).

The examples below give you an overview of common props (e.g. size, disable, required etc.)

You can find props for each field component in the other Fields pages.

Install and import

yarn add @welcome-ui/field @xstyled/styled-components @xstyled/system react react-dom styled-components
import { Field } from '@welcome-ui/field'

Sizes

Variants

A hint

Disabled

{
"disabled": "Disabled value"
}

Required

Properties

NameType(s)DefaultRequired

Dependencies

Peer dependencies