@react-email/img
Display an image in your email.
Install component from your command line.
yarn add @react-email/img -Enpm install @react-email/img -EAdd 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" />;
};| 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 |
This component was tested using the most popular email clients.
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
MIT License