Image

Install

Install component from your command line.

npm install react-email -E

yarn add react-email -E

pnpm add react-email -E

Getting started

Add the component to your email template. Include styles where needed.

import { Img } from "react-email";

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

string

Alternate description for an image

string

The path to the image

string

The width of an image in pixels

string

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

Overview

Getting Started

Guides

Components

Utilities

Integrations

Contributing

Install

Getting started

Props

Support