Auth Form Modern

A modern authentication form with clean shadcn-ui styling and Google integration.

Open in

Configuring your account...

Please wait while we prepare everything for you

Usage

import AuthFormModern from '@/components/bynanaui/auth-form-modern'

<AuthFormModern
  onSubmit={handleSubmit}
  onSocialAuth={handleSocialAuth}
  onSignUp={handleSignUp}
  onForgotPassword={handleForgotPassword}
/>

Props

PropTypeDefaultDescription
onSubmitfunction-Callback when form is submitted
onSocialAuthfunction-Callback for social authentication
onSignUpfunction-Callback when sign up is clicked
onForgotPasswordfunction-Callback when forgot password is clicked
classNamestring-Additional CSS classes

Features

  • Modern shadcn-ui inspired design
  • Clean card-based layout
  • Email and password validation
  • Google OAuth integration
  • Forgot password functionality
  • Responsive design
  • Light/dark theme support