Waiting for action
Open a sub-component to view its docs and settings.
Combined login and registration composition with Google, Apple, and email/password options.
Provider buttons call continueWithGoogle / continueWithApple from @/lib/auth. Those helpers start an OAuth authorization-code redirect (Google uses PKCE). Set NEXT_PUBLIC_GOOGLE_OAUTH_CLIENT_ID and NEXT_PUBLIC_APPLE_OAUTH_CLIENT_ID, then handle /api/auth/callback/{provider} on the server to exchange the returned code with the stored verifier (opus-social-auth:{provider} in sessionStorage).
Provider choices are native buttons with complete visible labels. The divider includes readable text and the email fallback retains labelled native form controls.
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
