Composes all authentication forms into a single component with automatic view transitions. An alternative to using individual form components with your own routing.
Key Features:
resetToken
verificationToken
onAuthenticated
onRegistered
showRegisterLink
View transitions:
<IdentityProvider apiKey="pk_live_xxx"> <AuthFlow onAuthenticated={(user) => navigate('/dashboard')} onRegistered={(user) => console.log('Welcome!', user.email)} /></IdentityProvider> Copy
<IdentityProvider apiKey="pk_live_xxx"> <AuthFlow onAuthenticated={(user) => navigate('/dashboard')} onRegistered={(user) => console.log('Welcome!', user.email)} /></IdentityProvider>
const params = new URLSearchParams(location.search);<AuthFlow resetToken={params.get('reset_token') || undefined} verificationToken={params.get('verify_token') || undefined} onAuthenticated={handleAuth}/> Copy
const params = new URLSearchParams(location.search);<AuthFlow resetToken={params.get('reset_token') || undefined} verificationToken={params.get('verify_token') || undefined} onAuthenticated={handleAuth}/>
Composes all authentication forms into a single component with automatic view transitions. An alternative to using individual form components with your own routing.