FieldStack is a component that helps standardise vertical spacing in all form elements.

All usages of Field and Fieldset must be wrapped in FieldStack. Do not apply vertical spacing manually.
This component is meant to only apply spacing to the fields, spacing for buttons, help text and other form elements is the consumers responsibility.

Basic usage

The FieldStack component simply wraps children with a Stack to apply a standard gap.

Edit in Playroom

<FieldStack>
  <Field label="First name">
    <TextInput />
  </Field>
  <Field label="Last name">
    <TextInput />
  </Field>
</FieldStack>

Field Stack