Introduction

A WYSIWYG email editor by CourseLit.

Installation

The project depends of TailwindCSS, so you need to have it configured on your project, before installating this package.

npm i @courselit/email-editor

Importing the CSS

1. Tailwind v4

In your CSS file, add

@source "./node_modules/@courselit/email-editor";
# ... remaining code ...

2. Tailwind v3

In your tailwind config, add

module.exports = {
    content: [
        // ... remaining code ...
        "./node_modules/@courselit/email-editor",
    ],
    // ... remaining code ...
};

Tech Stack

• React
• TailwindCSS
• Shadcn/ui
• React email

Usage

To show the email editor

import { EmailEditor } from "@courselit/email-editor";
import "@courselit/email-editor/styles.css";

export default App() {
    return (<EmailEditor  />)
}