Spaceweb Forms

v3.8.3

✨ Simplified way to build any type of form with easy-to-use validation

Experience hassle-free form state handling with useForm hook

const {
  values,
  errors,
  touched,
  handleSubmit,
  handleAction,
  scrollToError,
  reset,
  loading,
} = useForm({
  scrollToErrors: true,
  shouldValidateOnBlur: true,
  initialValues: {
    name: 'John Doe', 
  },
  initialErrors: {
    email: "Hold on! This field can't be left blank!",
  },
  validate: async ({ values }) => {
    const emailValidationsResult = validateValues(values.email);
    
    if(emailValidationsResult) {
      return {
        email: emailValidationsResult.error,
      }
    }
    
    return undefined;
  },
  onSubmit: async ({ values }) => {
    try {
      await submitValues({ emailAddresses });
      onSuccess('Form Submitted');
    } catch (e) {
      onError('Please try again');
    }
  },
});

• It simplifies the process of building complex layouts.
Upload image
First Name
Last Name
Email
User Type
Designation
Department
Restricted Ips
Validate
• It's performant.

Edit the fields and notice the render indicator

First Name
Last Name
Email
User Type
Designation
Department
Restricted Ips
Validate
• It's responsive.

Vary the viewport width and witness the fluidity

Upload image
First Name
Last Name
Designation
Department
Restricted Ips
Validate