Package Exports
- @react-email/img
Readme

@react-email/img
Display an image in your email.
Install
Install component from your command line.
With yarn
yarn add @react-email/img -EWith npm
npm install @react-email/img -EGetting started
Add the component to your email template. Include styles where needed.
import { Img } from "@react-email/img";
const Email = () => {
return <Img src="cat.jpg" alt="Cat" width="300" height="300" />;
};Props
| Name | Type | Default | Description |
|---|---|---|---|
| alt | string | Alternate description for an image | |
| src | string | The path to the image | |
| width | string | The width of an image in pixels | |
| height | string | The height of an image in pixels |
Support
This component was tested using the most popular email clients.
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
License
MIT License