@react-email/img
v0.0.12TypeScript
Display an image in your email
2.1M/weekUpdated 1 months agoMITUnpacked: 9.6 KB
Published by zenorocha
npm install @react-email/img@react-email/img
Display an image in your email.
Install
Install component from your command line.
#### With yarn
``sh`
yarn add @react-email/img -E
#### With npm
`sh`
npm install @react-email/img -E
Getting started
Add the component to your email template. Include styles where needed.
`jsx
import { Img } from "@react-email/img";
const Email = () => {
return 
;
};
``
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