Components
Container
A layout component that centers all the email content.
Install
Install component from your command line.
npm install @react-email/container -E
Getting started
Add the component to your email template. Include styles where needed.
import { Button } from '@react-email/button';
import { Container } from '@react-email/container';
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