Components
<NewDeviceEmail />
Email template component that notifies users when a new device signs in to their account.
Usage
import { NewDeviceEmail } from "@better-auth-ui/solid/email"
import { render } from "@solidjs-email/main"
const html = await render(() =>
NewDeviceEmail({
userEmail: "[email protected]",
deviceInfo: {
browser: "Chrome 120.0",
os: "macOS 14.2",
location: "San Francisco, CA",
ipAddress: "192.168.1.1",
timestamp: "January 15, 2024 at 3:30 PM"
},
appName: "Better Auth UI",
logoURL: {
light: "/favicon-96x96.png",
dark: "/favicon-96x96-inverted.png"
},
supportEmail: "[email protected]",
secureAccountLink: "https://better-auth-ui.com/secure-account",
darkMode: true,
poweredBy: true
})
)Installation
npx shadcn@latest add https://better-auth-ui.com/r/solid/new-device-email.jsonProps
Prop
Type
Features
- Device information display (browser, OS, location, IP)
- Timestamp of the sign-in
- Security action button if unauthorized
- Support contact information
- Customizable branding and styling
- Support for light/dark mode themes
- Localization support
Last updated on