Vue Email Logo
Components

Style

A Style component used to add styles to the document.

Install

Install component from your command line.

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

Getting started

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

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

<template>
  <Head>
    <title>Email title</title>
    <meta name="description" content="Description">
    <Style>
      body { background-color: #fff; }
    </Style>
  </Head>
</template>

Copyright © 2024