Components
Heading
A block of heading text.
Install
Install component from your command line.
pnpm add @vue-email/components
# or get the individual package
pnpm add @vue-email/heading
Getting started
Add the component to your email template. Include styles where needed.
<script setup lang="ts">
import { Heading } from '@vue-email/components'
</script>
<template>
<Heading as="h2">Lorem ipsum</Heading>
</template>
Props
as
string
Render component as h1, h2, h3, h4, h5, h6.
m
string
A shortcut for margin CSS property.
mx
string
A shortcut for margin-left and margin-right CSS properties.
my
string
A shortcut for margin-top and margin-bottom CSS properties.
mt
string
A shortcut for margin-top CSS property.
mr
string
A shortcut for margin-right CSS property.
mb
string
A shortcut for margin-bottom CSS property.
ml
string
A shortcut for margin-left CSS property.