Composants

SignUp

Un composant d'inscription préconstruit qui gère l'enregistrement des utilisateurs avec e-mail/mot de passe et les fournisseurs OAuth. Affiche le flux de vérification par e-mail lorsque requis.

Utilisation

tsx

import { SignUp } from "@authon/react";

// Popup mode
<SignUp mode="popup" />

// Inline mode
<SignUp mode="inline" afterSignUpUrl="/onboarding" />

Props

Prop	Type	Défaut	Description
mode	"popup" \| "inline"	"popup"	Comment l'interface d'inscription est affichée
afterSignUpUrl	string	afterSignInUrl	URL de redirection après l'inscription
className	string	—	Classe CSS pour le bouton déclencheur
children	ReactNode	"Sign up"	Contenu du bouton (mode popup)

Flux d'inscription

Lorsque la vérification par e-mail est activée dans les paramètres de votre projet, le composant SignUp gère automatiquement le flux en plusieurs étapes :

L'utilisateur saisit son e-mail + mot de passe (ou choisit OAuth)

Un e-mail de vérification est envoyé avec un code à 6 chiffres

L'utilisateur saisit le code et est connecté automatiquement

Page d'inscription dédiée

app/sign-up/page.tsx

import { SignUp } from "@authon/react";

export default function SignUpPage() {
  return (
    <div className="flex min-h-screen items-center justify-center">
      <SignUp
        mode="inline"
        afterSignUpUrl="/onboarding"
      />
    </div>
  );
}