Vue Email Logo
Components

Column

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

Install

Install component from your command line.

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

Getting started

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

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

<template>
  <Row>
    <Column>A</Column>
    <Column>B</Column>
    <Column>C</Column>
  </Row>
</template>

Copyright © 2024