ob_end_clean(); // Clean any content of the output buffer

// Clean any content of the output buffer

ob_end_clean();

​

// Send the PDF !

$pdf->Output('example_006.pdf', 'I');

npm install react-hook-form //installation

//react hook form with tailwind css

import React from "react";

import { useForm } from "react-hook-form";

​

export default function App() {

  const { register, handleSubmit } = useForm();

  const onSubmit = data => console.log(data);

  return (

    <form className="w-full" onSubmit={handleSubmit(onSubmit)}>

                  <div className="form-control w-full mb-5">

                    <label className="">

                      <span className="text-secondary font-semibold text-lg">

                        Email

                      </span>

                    </label>

                    <input

                      type="text"

                      placeholder="example@email.com"

                      className="input input-bordered w-full rounded-full"

                      {...register('email', {

                        required: {

                          value: true,

                          message: 'Email Required !!!',

                        },

                        pattern: {

                          value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/i,

                          message: 'Invalid Email Provided !!!',

                        },

                      })}

                    />

                    <label className="level font-bold">

                      {errors.email?.type === 'required' && (

                        <span className="label-text-alt text-red-500">

                          {errors.email.message}

                        </span>

                      )}

                      {errors.email?.type === 'pattern' && (

                        <span className="label-text-alt text-red-500">

                          {errors.email.message}

                        </span>

                      )}

                    </label>

                  </div>

                  <div className="form-control w-full">

                    <label className="">

                      <span className="text-secondary font-semibold text-lg">

                        Password

                      </span>

                    </label>

                    <input

                      type="password"

                      placeholder="abcd123$"

                      className="input input-bordered w-full rounded-full"

                      {...register('password', {

                        required: {

                          value: true,

                          message: 'Password Required !!!',

                        },

                        pattern: {

                          value: /(?=.*[!#$%&?^*@~() "])(?=.{8,})/,

                          message:

                            'Password Must be 8 char including a special char !!!',

                        },

                      })}

                    />

                    <label className="level font-bold">

                      {errors.password?.type === 'required' && (

                        <span className="label-text-alt text-red-500">

                          {errors.password.message}

                        </span>

                      )}

                      {errors.password?.type === 'pattern' && (

                        <span className="label-text-alt text-red-500">

                          {errors.password.message}

                        </span>

                      )}

                    </label>

                  </div>         

          <input type="submit" />

    </form>

  );

}