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.
| Prop | Type | Default | Description |
|---|---|---|---|
email | string | — | Configures email. |
name | string | — | Configures name. |
password | string | — | Configures password. |
confirmPassword | string | — | Configures confirm password. |
currentPassword | string | — | Configures current password. |
remember | boolean | false | Configures remember. |
submitLabel | string | Sign in | Configures submit label. |
subtitle | string | Sign in or create an account using your… | Configures subtitle. |
title | string | Welcome to Opus | Configures title. |
verificationCode | string | — | Configures verification code. |
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
