Components
Section
Display a section that can be formatted using columns.
Install
Install component from your command line.
pnpm add @vue-email/components
# or get the individual package
pnpm add @vue-email/section
Getting started
Add the component to your email template. Include styles where needed.
<script setup lang="ts">
import { Section, Column, Row, Text } from "@vue-email/components";
</script>
<template>
<!-- A simple `section` -->
<Section>
<Text>Hello World</Text>
</Section>
<!-- Formatted with `rows` and `columns` -->
<Section>
<Row>
<Column>Column 1, Row 1</Column>
<Column>Column 2, Row 1</Column>
</Row>
<Row>
<Column>Column 1, Row 2</Column>
<Column>Column 2, Row 2</Column>
</Row>
</Section>
</template>