Display a section that can also be formatted using rows and columns.
Install component from your command line.
Add the component to your email template. Include styles where needed.
import { Section, Column, Row, Text } from "@react-email/components"; const Email = () => { return ( {/* A simple `section` */} <Section> <Text>Hello World</Text> </Section> {/* Formatted with `rows` and `columns` */} <Section> <Row> <Column>Column 1, Row 1</Column> <Column>Column 2, Row 1</Column> </Row> <Row> <Column>Column 1, Row 2</Column> <Column>Column 2, Row 2</Column> </Row> </Section> ); };
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman