Components
<MagicLinkEmail />
Email template component that sends magic link authentication emails for passwordless sign-in.
Usage
import { MagicLinkEmail } from "@better-auth-ui/solid/email"
import { render } from "@solidjs-email/main"
const html = await render(() =>
MagicLinkEmail({
url: "https://better-auth-ui.com/auth/verify?token=example-token",
appName: "Better Auth UI",
logoURL: {
light: "/favicon-96x96.png",
dark: "/favicon-96x96-inverted.png"
},
email: "[email protected]",
expirationMinutes: 5,
darkMode: true,
poweredBy: true
})
)Installation
npx shadcn@latest add https://better-auth-ui.com/r/solid/magic-link-email.jsonProps
Prop
Type
Features
- Sign-in button with magic link
- Fallback URL for manual copy/paste
- Expiration time information
- Security notice for unauthorized requests
- Customizable branding and styling
- Support for light/dark mode themes
- Localization support
Last updated on