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.