resend__react-email/packages/body

@react-email/body

A React body component to wrap emails.

Website · Documentation · Twitter

Install

Install component from your command line.

With yarn

yarn add @react-email/body -E

With npm

npm install @react-email/body -E

Getting 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/section';

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