components

Image

Display a divider that separates content areas in your email.

Usage

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

<script setup>
import { EImg } from 'vue-email';
</script>

<template>
  <e-img src="cat.jpg" alt="Cat" width="300" height="300" />
</template>
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.
To have a global base URL for all images, set the baseUrl option in your Vue Email. See Options for more information.