VueEmail Docs
Components

Column

GitHub

Display a column that separates content areas vertically in your email.

Usage

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

<script setup>
import { EColumn, ESection } from 'vue-email'
</script>

<template>
  <ESection>
    <EColumn>A</EColumn>
    <EColumn>B</EColumn>
    <EColumn>C</EColumn>
  </ESection>
</template>

Button

A link that is styled to look like a button.

Row

Display a block that separates content areas horizontally in your email.