Components
Row
Display a row that separates content areas horizontally in your email.
Install
Install component from your command line.
npm install @react-email/row -E
Getting started
Add the component to your email template. Include styles where needed.
import { Section } from "@react-email/section";
import { Row } from "@react-email/row";
import { Column } from "@react-email/column";
const Email = () => {
return (
<Section>
<Row>
<Column>A</Column>
</Row>
<Row>
<Column>B</Column>
</Row>
<Row>
<Column>C</Column>
</Row>
</Section>
);
};
Support
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman