FormField

Variants

FormField is available in a few variants, mostly for use with validation. Be sure to use the appropriate variant for your intent.

Success

This is help text

Warning

This is help text

Danger

This is help text

<DemoLayout>
  <FormField
    input={TextInput}
    label="Success"
    caption="This is help text"
    variant="success" />
  <FormField
    input={TextInput}
    label="Warning"
    caption="This is help text"
    variant="warning" />
  <FormField
    input={TextInput}
    label="Danger"
    caption="This is help text"
    variant="danger" />
</DemoLayout>