tailwind-email-builder

Tailwind Email Builder Library

This library provides a set of components and services to build email templates using Tailwind CSS. It is built on top of NGB Email Builder and Tailwind CSS.

The installation instructions provided here are intended for demo purposes only. For more information on how to install and use the Tailwind Email Builder, please refer to the documentation.

Before using the Tailwind Email Builder, you need to:

• Have Tailwind CSS installed in your project.
• Add @angular/localize and @angular/cdk to your project.

Installation

First, install the Tailwind Email Builder with its dependencies:

npm install @wlocalhost/ngx-tailwind-email-builder @wlocalhost/ngx-email-builder recursive-diff

Then, add the Tailwind Email Builder module to your application:

import { TailwindEmailBuilderModule } from "@wlocalhost/ngx-tailwind-email-builder";

@NgModule({
  imports: [
    TailwindEmailBuilderModule.forRoot({
      convertorPath: "https://your-custom-path.com", // use your own converter
      historyRecordLimit: 10 // save 10 history records
    })
  ]
})
export class AppModule {
}

For a full list of available options, check out the configuration options page.

Use the Builder in Your Application

<tail-email-builder [(value)]="email" />

Where email is an IPEmail class:

import { IPEmail } from "@wlocalhost/ngx-email-builder";

@Component({ ... })
export class AppComponent {
  email = new IPEmail();
}

For more information on how to use the Tailwind Email Builder, please refer to the documentation.