@react-email/body
A React body component to wrap emails.
Install
Install component from your command line.
With yarn
yarn add @react-email/body -EWith npm
npm install @react-email/body -EGetting started
Add the component to your email template. Include styles where needed.
import { Html } from "@react-email/html";
import { Body } from "@react-email/body";
import { Section } from "@react-email/section";
import { Column } from "@react-email/column";
const Email = () => {
return (
<Html lang="en">
<Body style={{ backgroundColor: "#61dafb" }}>
<Section>
<Column style={{ width: "50%" }}>{/* First column */}</Column>
<Column style={{ width: "50%" }}>{/* Second column */}</Column>
</Section>
</Body>
</Html>
);
};Support
This component was tested using the most popular email clients.
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
License
MIT License