Install
Install component from your command line.
npm install @react-email/components -E
# or get the individual package
npm install @react-email/img -E
Getting started
Add the component to your email template. Include styles where needed.
import { Img } from "@react-email/components";
const Email = () => {
return <Img src="cat.jpg" alt="Cat" width="300" height="300" />;
};
All email clients can display .png, .gif, and .jpg images.
Unfortunately, .svg images are not well supported, regardless of how they’re
referenced, so avoid using these. See Can I
Email for more information. Props
Alternate description for an image
The width of an image in pixels
The height of an image in pixels
Support
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman
