Vue Email Logo
Components

Preview

A preview text that will be displayed in the inbox of the recipient.
Email clients have this concept of “preview text” which gives insight into what’s inside the email before you open. A good practice is to keep that text under 90 characters.

Install

Install component from your command line.

pnpm add @vue-email/components
# or get the individual package
pnpm add @vue-email/preview

Getting started

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

<script setup lang="ts">
import { Preview } from '@vue-email/components'
</script>

<template>
  <Preview>Email preview text</Preview>
</template>

Copyright © 2024