Vue Email Logo
Components

Row

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

Install

Install component from your command line.

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

Getting started

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

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

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

Copyright © 2024