Skip to content
TTPC UI

Email templates

@the-portland-company/ui-email: five React Email templates in light and dark brand variants. Each renders to HTML plus a plain-text part.

One-time code

renderEmail(OtpEmail({ code: "482913", magicLinkHref: "https://example.com/magic" }))

Light

Dark

Password reset

renderEmail(PasswordResetEmail({ resetHref: "https://example.com/reset", expiresInMinutes: 15 }))

Light

Dark

Welcome

renderEmail(WelcomeEmail({ name: "Alex", ctaHref: "https://example.com/start" }))

Light

Dark

Receipt

renderEmail(ReceiptEmail({ orderNumber: "A1029", date: "October 7, 2026", lineItems: [...], total: "$47.00" }))

Light

Dark

Notification

renderEmail(NotificationEmail({ title: "New comment", body: "Someone replied to your thread." }))

Light

Dark