New release
Introducing a visual refresh to Forma 36 React componentsRelease notes
Forma 36

Form

StorybookGithub
stable

Form is a wrapper component to apply a consistent layout and handle form submissions.

Table of contents

How to use Form

  • The Form component should wrap FieldGroup components to apply consistent layouts
  • Provide an onSubmit handler for form validation and submission

Component variations

Basic example

Provide a full name

Provide an email address

Default spacing (spacing="default")

Provide a full name

Enter email address

Condensed spacing (spacing="condensed")

Provide a full name

Enter email address

Content recommendations

Missing

Accessibility

Missing