@dbx-tools/ 共享电子邮件模板
在服务器发送的信件中渲染同样的反应电子邮件演示文稿 浏览器预览 。 该套装拥有品牌文档,卡片,身体,品牌 不依赖于 Databricks AppKit, SMTP, 或 DOM API 的映射.
快开始
在 SMTP 发送和浏览器预览中渲染相同的品牌文档 :
import { EmailDocument } from "@dbx-tools/shared-email-template";
<EmailDocument subject="Incident update" body="## Resolved\nAll systems are healthy." />;
出口部件包括:
- 以电子邮件安全内线样式响应回放电子邮件文档.
- 可重新使用的信息-正体组件供批准并作预览.
- dbx- 工具在默认情况下通过
BrandContext。 。 。 . - 消费者品牌在不与AppKit或SMTP相接模板的情况下,可以覆盖.
- 丰富的内容在收件箱和浏览器中持续渲染.
运行时边界
此软件包仅提供演示文稿 :
- @dbx-tools/电子邮件 调制
EmailDocument用于SMTP和 本地发货箱. - @dbx-tools/ui/电子邮件 用途
EmailBody财务报告和审定财务报表EmailCard页:1 批准,作曲,和预览表面. - @dbx-tools/ 共享电子邮件 拥有电子邮件电线计划而不使用 反应依赖.
软件包不发送消息、批准发送、访问 AppKit 请求 身份,或需要浏览器 DOM API.
配置模板
import { EmailDocument } from "@dbx-tools/shared-email-template";
<EmailDocument subject="Incident update" body="## Resolved\nAll systems are healthy." />;
节点运行时间应将此组件传递至 @react-email/render。 。 。 .
@dbx-tools/email 对 SMTP 和本地发件箱自动执行.
heading 默认为 MIME 主题。 主题时通过更短的标题
载有具体通知细节。 一次性编码邮件使用此来保存
在通知中编码而不在打开的卡片内重复:
<EmailDocument
subject="123456 is your verification code"
heading="Your verification code"
preview="Your verification code is: 123456"
body={body}
/>
preview 设置前标头,即客户端在
主体和推进体通知移动邮件应用程序帖. 这个
默认为主题。 通知应该说些什么的时候就设定
主题不:
<EmailDocument
subject="123456 is your verification code"
preview="Your verification code is: 123456"
body={body}
/>
移动一次性代码自动填充可以从通知的发送者读取代码, 主题和前标题。 只出现在信件正文中的代码不会 到达自动填充热量.
重用正文预览
import { EmailBody } from "@dbx-tools/shared-email-template";
<EmailBody body={draft.body} />;
机构预览并完成文档共享打字和内容造型. 这个
完整文档添加了品牌头带,头,脚.
信封行数( E)headers)是本地发件箱预览的选入。 交付的SMTP
邮件和浏览器批准铬离开收件人和附件
HTML 躯体.
使用 EmailCard 当浏览器表面显示完整的演示文稿时
不产生外形 <html> 或者说 <body> 元素 :
import { EmailCard } from "@dbx-tools/shared-email-template";
<EmailCard subject={draft.subject} body={draft.body} />;
应用一个品牌
import { brandUtils } from "@dbx-tools/shared-core";
import { emailBrandFromContext } from "@dbx-tools/shared-email-template";
const emailBrand = emailBrandFromContext(brandUtils.defaultBrandContext);
选择 brand 使用dbx-tools品牌. 消费者可以提供自己的颜色,
字体、名称、标签线、网站和可取取的标志 URL。 脚印使
标记线只当提供的品牌宣布一个.
软件包出口
.数字 :EmailDocument, (中文(简体) ),EmailCard, (中文(简体) ),EmailBody,品牌类型/默认,以及 内容正常化.
给这个包配对 @dbx-tools/ 共享电子邮件 以铁丝网盟誓, @dbx-tools/电子邮件 交货,以及 @dbx-tools/ui/电子邮件 供批准,并撰写UI.