Components
<EmailOtpForm />
Authentication form for sign-in or verification using Email OTP codes.
The <EmailOtpForm /> allows users to sign in or verify their identity using a one-time password sent to their email.
Installation
pnpm dlx shadcn@latest add https://stackproviders.github.io/better-auth-ui/r/auth.jsonnpx shadcn@latest add https://stackproviders.github.io/better-auth-ui/r/auth.jsonyarn dlx shadcn@latest add https://stackproviders.github.io/better-auth-ui/r/auth.jsonbun x shadcn@latest add https://stackproviders.github.io/better-auth-ui/r/auth.jsonUsage
import { EmailOtpForm } from "@/components/auth/forms/email-otp-form";
export default function OtpPage() {
return <EmailOtpForm />;
}Reference
| Prop | Type | Default |
|---|---|---|
setIsSubmitting? | ((value: boolean) => void) | - |
redirectTo? | string | - |
otpSeparators? | 0 | 1 | 2 | - |
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 | - |