Form is a wrapper component to apply a <form /> wrapper and handle form submissions.

Go ahead and add some fields into your form:


import { Form } from '@contentful/f36-components';
// or
import { Form } from '@contentful/f36-forms';



Using character count

Content guidelines

  • The Form component should wrap form elements into <form />
  • Provide an onSubmit handler for form validation and submission
  • The state of the validation of the form should be manipulated from outside


It is possible to integrate the form with solutions like Formik or React form hook