Html

The root HTML element that wraps your entire email content. This is the fundamental component that should wrap all other email components.

Installation

The EHtml component is automatically available when you install nuxt-email-renderer. No additional imports needed.

Getting Started

Add the component to your email template as the root element:

<template>
  <EHtml>
    <EHead />
    <EBody>
      <!-- Your email content -->
    </EBody>
  </EHtml>
</template>

Props

Examples

Basic Usage

<template>
  <EHtml>
    <EHead />
    <EBody>
      <EContainer>
        <EText>Hello World!</EText>
      </EContainer>
    </EBody>
  </EHtml>
</template>

Right-to-Left Languages

For Arabic, Hebrew, or other RTL languages:

<template>
  <EHtml lang="ar" dir="rtl">
    <EHead />
    <EBody>
      <EContainer>
        <EText>مرحبا بالعالم!</EText>
      </EContainer>
    </EBody>
  </EHtml>
</template>

Different Languages

<template>
  <EHtml lang="es">
    <EHead />
    <EBody>
      <EContainer>
        <EText>¡Hola Mundo!</EText>
      </EContainer>
    </EBody>
  </EHtml>
</template>

Best Practices

Email Client Support

This component is supported across all major email clients:

• ✅ Gmail (Desktop & Mobile)
• ✅ Apple Mail
• ✅ Outlook 2016+
• ✅ Yahoo Mail
• ✅ Thunderbird
• ✅ Samsung Email
• ✅ HEY

Related Components

• EHead - Contains meta information and styles
• EBody - Contains the visible email content
• EContainer - Main content wrapper