FormField

Visually Hidden Label

If the purpose of a FormField is obvious from context and adding a label would negatively affect the design, as in the example below, you can use hideLabel to visually hide the label while retaining accessibility.

Address

Address Line 2

<DemoLayout>
  <FormField
    input={TextInput}
    label="Address"
    placeholder="1234 Main St" />
  <FormField
    input={TextInput}
    label="Address Line 2"
    placeholder="Apt 101"
    hideLabel />
</DemoLayout>