BETTER-AUTH. UI
Components

<OrganizationInvitationEmail />

Email template component that invites a user to join an organization.

Usage

import { OrganizationInvitationEmail } from "@better-auth-ui/solid/email"
import { render } from "@solidjs-email/main"

const html = await render(() =>
  OrganizationInvitationEmail({
    url: "https://better-auth-ui.com/settings/organizations",
    email: "[email protected]",
    inviterName: "Jane Doe",
    inviterEmail: "[email protected]",
    organizationName: "Acme Inc.",
    role: "member",
    appName: "Better Auth UI",
    logoURL: {
      light: "/favicon-96x96.png",
      dark: "/favicon-96x96-inverted.png"
    },
    expirationHours: 48,
    darkMode: true,
    poweredBy: true
  })
)

Installation

npx shadcn@latest add https://better-auth-ui.com/r/solid/organization-invitation-email.json

Props

Prop

Type

Features

  • Inviter name and email display
  • Organization name and optional organization logo
  • Role being offered (e.g. member, admin, owner)
  • Accept invitation button linking to the settings invitations page
  • Fallback URL for manual copy/paste
  • Optional expiration time
  • Security notice for unexpected invitations
  • Customizable branding and styling
  • Support for light/dark mode themes
  • Localization support

Last updated on

On this page