Login Form

Email/password authentication form with validation

SaaSAuth

Overview

LoginForm provides a complete email/password authentication experience. It includes client-side validation, loading states with disabled inputs, server error display, forgot password link, and optional SSO provider buttons.

Usage

import { LoginForm } from "@leanicon/web-builder-library/saas";

<LoginForm
  onSubmit={({ email, password }) => handleLogin(email, password)}
  onForgotPassword={() => router.push("/forgot-password")}
  isLoading={isSubmitting}
  error={loginError}
/>;

Variants

Default

With Forgot Password Callback

With Forgot Password Link

Without Forgot Password

Loading

With Error

With Default Email

With Custom Labels

With SSO

With SSO Loading

Filled Form

Props

Name	Type	Default	Required
`onSubmit`	`(credentials: { email: string; password: string; }) => void`	—	Yes
`onForgotPassword`	`(() => void)`	—	No
`forgotPasswordHref`	`string`	—	No
`showForgotPassword`	`boolean`	`true`	No
`defaultEmail`	`string`	—	No
`ssoProviders`	`SsoProvider[]`	—	No
`onSsoLogin`	`((provider: SsoProvider) => void)`	—	No
`ssoLoadingProvider`	`enum`	—	No
`labels`	`LoginFormLabels`	—	No
`className`	`string`	—	No
`isLoading`	`boolean`	`false`	No
`error`	`string`	—	No