Vue Email Logo
Components

HTML

A Vue html component to wrap emails.

Install

Install component from your command line.

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

Getting started

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

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

<template>
  <Html lang="en" dir="ltr">
    <Button href="https://example.com" style="color: #61dafb">
      Click me
    </Button>
  </Html>
</template>

Props

lang
string

Identify the language of text content on the email

dir
string

Identify the direction of text content on the email


Copyright © 2024