Migrate from another email rendering framework to React Email
mjml
npm package and install react-email
and @react-email/components
.mjml
extension and convert these to React components with the .tsx
or .jsx
extension.<Text>
, <Img>
, <Button>
etc..js
extension to React components with the .tsx
or .jsx
extension.Try adding these other components to your email.
Display an image in your email.
A hyperlink to web pages or anything else a URL can address.
Display a divider that separates content areas in your email.
A preview text that will be displayed in the inbox of the recipient.
Migrate from another email rendering framework to React Email
mjml
npm package and install react-email
and @react-email/components
.mjml
extension and convert these to React components with the .tsx
or .jsx
extension.<Text>
, <Img>
, <Button>
etc..js
extension to React components with the .tsx
or .jsx
extension.Try adding these other components to your email.
Display an image in your email.
A hyperlink to web pages or anything else a URL can address.
Display a divider that separates content areas in your email.
A preview text that will be displayed in the inbox of the recipient.