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 { ESection, EColumn } from 'vue-email';
</script>

<template>
  <e-section>
    <e-column>A</e-column>
    <e-column>B</e-column>
    <e-column>C</e-column>
  </e-section>
</template>

Button

A link that is styled to look like a button.

Row

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