A layout component that centers your content horizontally on a breaking point.
Install component from your command line.
Add the component to your email template. Include styles where needed.
import { Container, Button } from "@react-email/components"; const Email = () => { return ( <Container> <Button href="https://example.com" style={{ color: "#61dafb" }}> Click me </Button> </Container> ); };
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman
