Form component only comes in 1 variant. Form comes with predefined classes for validation.
<!-- Form --><form className="kf-form max-w-md">
<h2 className="text-2xl mb-3">Login</h2>
<span className="text-sm text-gray-500">Please sign in to continue</span>
<!-- Apply kf-form-error on input field to indicate error --><input type="text" className="w-full mt-3 kf-form-error" placeholder="Email" />
<!-- Apply kf-form-validation on span field to display error message --><span className="kf-form-validation mb-5">Email is required</span>
<input type="password" className="w-full mt-3 kf-form-error" placeholder="Password" />
<span className="kf-form-validation mb-5">Password is required</span>
<button className="kf-btn-black">Submit</button>
</div>