OXGN UI

Component Library

AuthFlow Component

Complete authentication flow with email and OTP verification. Handles both signin and signup modes.

Sign In Mode

Sign In

We'll send you a code to verify your email

 
<AuthFlow 
  mode="signin"
  onSuccess={(user) => console.log('Sign in successful:', user)}
  onError={(error) => console.error('Sign in error:', error)}
/>

Sign Up Mode

Sign In

We'll send you a code to verify your email

 
<AuthFlow 
  mode="signup"
  onSuccess={(user) => console.log('Sign up successful:', user)}
  onError={(error) => console.error('Sign up error:', error)}
/>

With Redirect

Sign In

We'll send you a code to verify your email

 
<AuthFlow 
  mode="signin"
  redirectTo="/dashboard"
  onSuccess={(user) => console.log('Sign in successful:', user)}
  onError={(error) => console.error('Sign in error:', error)}
/>

Props Reference

Prop Type Default Description
onSuccess (user: User) => void required Success callback
onError (error: string) => void required Error callback
mode 'signin' | 'signup' 'signin' Authentication mode
redirectTo string undefined Redirect URL after success
className string undefined Additional CSS classes