field

Field is a wrapper component that is used to render a form control with a label, help text, and an error message. It is composed of FieldLabel, FieldHelperText, FieldTooltip, FieldError

Import

import {
  Field,
  FieldLabel,
  FieldHelperText,
  FieldTooltip,
  FieldError,
} from '@xpanseinc/nebula'

Usage

<Field
  label="Email"
  tooltip="We’ll use your email to contact you about your mortgage"
  type="email"
  as={Input}
/>

Hidden Label

<Field label="Name" hideLabel as={Input} />