Components
Container
A layout component that centers your content horizontally on a breaking point.
Install
Install component from your command line.
Getting started
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>
);
};
Support
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman