react-tailwind-email-editor 0.0.4 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,8 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
A professional, fully customizable drag-and-drop email template editor built with React, Craft.js, Tailwind CSS, and shadcn/ui.
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
<p align="center">
|
|
6
|
+
<img src="https://github.com/hemanth-user13/Email-Editor-Npm/blob/master/src/assets/emailEditor1.png" width="900"/>
|
|
7
|
+
</p>
|
|
8
|
+
|
|
9
|
+
<p align="center">
|
|
10
|
+
<img src="https://github.com/hemanth-user13/Email-Editor-Npm/blob/master/src/assets/emailEditor2.png" width="900"/>
|
|
11
|
+
</p>
|
|
7
12
|
|
|
8
13
|
## Features
|
|
9
14
|
|
|
@@ -18,11 +23,8 @@ A professional, fully customizable drag-and-drop email template editor built wit
|
|
|
18
23
|
|
|
19
24
|
## Installation
|
|
20
25
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
cp -r src/components/editor your-project/src/components/editor
|
|
24
|
-
cp src/lib/htmlExporter.ts your-project/src/lib/htmlExporter.ts
|
|
25
|
-
```
|
|
26
|
+
````bash
|
|
27
|
+
|
|
26
28
|
|
|
27
29
|
### Peer Dependencies
|
|
28
30
|
|
|
@@ -30,7 +32,7 @@ Ensure your project has these installed:
|
|
|
30
32
|
|
|
31
33
|
```bash
|
|
32
34
|
npm install @craftjs/core react react-dom lucide-react tailwindcss tailwind-merge clsx class-variance-authority
|
|
33
|
-
|
|
35
|
+
````
|
|
34
36
|
|
|
35
37
|
Also requires [shadcn/ui](https://ui.shadcn.com/) components: `button`, `scroll-area`, `tabs`, `accordion`, `dialog`, `dropdown-menu`, `popover`, `label`, `separator`.
|
|
36
38
|
|
|
@@ -54,7 +56,7 @@ export default {
|
|
|
54
56
|
### Basic
|
|
55
57
|
|
|
56
58
|
```tsx
|
|
57
|
-
import { EmailEditor } from "
|
|
59
|
+
import { EmailEditor } from "react-tailwind-email-editor";
|
|
58
60
|
|
|
59
61
|
function App() {
|
|
60
62
|
return <EmailEditor />;
|
|
@@ -64,7 +66,7 @@ function App() {
|
|
|
64
66
|
### With Custom Components
|
|
65
67
|
|
|
66
68
|
```tsx
|
|
67
|
-
import { EmailEditor } from "
|
|
69
|
+
import { EmailEditor } from "react-tailwind-email-editor";
|
|
68
70
|
import { MyCustomBlock } from "./MyCustomBlock";
|
|
69
71
|
import { Puzzle } from "lucide-react";
|
|
70
72
|
|
|
@@ -88,7 +90,7 @@ function App() {
|
|
|
88
90
|
### Full Customization
|
|
89
91
|
|
|
90
92
|
```tsx
|
|
91
|
-
import { EmailEditor } from "
|
|
93
|
+
import { EmailEditor } from "react-tailwind-email-editor";
|
|
92
94
|
|
|
93
95
|
function App() {
|
|
94
96
|
return (
|