components
Button
A link that is styled to look like a button.
Semantics: Quite often in the email world we talk about buttons, when actually we mean links. Behind the scenes this is a
<a>
tag, that is styled like a <button>
tag.Usage
Add the component to your email template. Include styles where needed.
<script setup>
import { EButton } from 'vue-email';
</script>
<template>
<e-button href="https://vuejs.org" style="color: #61dafb">Click</e-button>
</template>
Props
hrefrequired
string
Link to be triggered when the button is clicked
target
string
Specify the target attribute for the button link
px
number
The padding on the left and right
py
number
The padding on the top and bottom