Reusable form components. Built for developers.

const SimpleForm = () => {
  const onSubmit = (data: THomeCode) => {
    console.log(data);
  };

  return (
    <div className="max-w-xl m-auto">
      <AppForm<TFullName>
        schema={fullNameSchema}
        onSubmit={onSubmit}
        className="px-6 pb-6 space-y-4"
      >
        {({ register, formState: { errors } }) => (
          <>
            <AppInputField
              name="fullName"
              type="text"
              register={register}
              errors={errors}
            />
            <Button type="submit" className="w-full">
              Submit
            </Button>
          </>
        )}
      </AppForm>
    </div>
  );
};

export default SimpleForm;