BETTER-AUTH. UI
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.json

Props

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

On this page