BETTER-AUTH. UI
Components

<MagicLinkForm />

Passwordless authentication form using magic links.

The <MagicLinkForm /> provides a simple way for users to sign in without a password by receiving a secure link in their email.

Installation

pnpm dlx shadcn@latest add https://stackproviders.github.io/better-auth-ui/r/auth.json
npx shadcn@latest add https://stackproviders.github.io/better-auth-ui/r/auth.json
yarn dlx shadcn@latest add https://stackproviders.github.io/better-auth-ui/r/auth.json
bun x shadcn@latest add https://stackproviders.github.io/better-auth-ui/r/auth.json

Usage

import { MagicLinkForm } from "@/components/auth/forms/magic-link-form";

export default function MagicLoginPage() {
  return <MagicLinkForm />;
}

Reference

PropTypeDefault
setIsSubmitting?
((value: boolean) => void)
-
redirectTo?
string
-
localization
Partial<Partial<{ INVALID_USERNAME_OR_PASSWORD: string; EMAIL_NOT_VERIFIED: string; UNEXPECTED_ERROR: string; USERNAME_IS_ALREADY_TAKEN: string; USERNAME_TOO_SHORT: string; USERNAME_TOO_LONG: string; ... 358 more ...; UNKNOWN: string; }>>
-
isSubmitting?
boolean
-
callbackURL?
string
-
classNames?
AuthFormClassNames
-
className?
string
-