Forma 36

Form

StorybookGithub
stable

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

Provide a full name

Provide an email address

Table of contents

  1. Best practices
  2. Variations
    1. Default spacing
    2. Condensed spacing

Best practices

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

Form variations

Default spacing (spacing="default")

Provide a full name

Enter email address

Condensed spacing (spacing="condensed")

Provide a full name

Enter email address