components
Tailwind
A Vue component to wrap emails with Tailwind CSS.
Usage
Add the component to your email template. Include class where needed.
<script setup>
import { ETailwind, EButton } from 'vue-email';
const tailwindConfig = {
theme: {
extend: {
colors: {
primary: '#007291',
},
},
},
};
</script>
<template>
<e-tailwind :config="tailwindConfig">
<e-button href="https://example.com" class="bg-primary px-3 py-2 font-medium leading-4 text-white">Click me</e-button>
</e-tailwind>
</template>
Props
config
object
Customize the default theme for your project with the available properties in Tailwind docs.