Skip to main content

Design a form

Best practices​

A form usually requires a stepper component and form items. To build the form with efficiency, it is recommended to use the following method:

  1. Plan: Create an initial layout that a step form will need, a StepForm component.

  2. Build one form item: Design a single form items with all the correct styling and the mandatory validations.

  3. Duplicate the form item: Clone that form item and to rapidly build the rest of the form.

  4. Repeat: Clone the entire form to create the next section of the form.

  5. Customise: Modify the form item that requires special validation rules.

  6. Design form submission: Allow the user to verify whether they want to submit the form by adding a modal via the Dialog component, as well as a Loading component.

  7. Integrate: Bind form items and the corresponding inputs.

Last updated on 20 May 2026