@parathantl/react-email-editor 0.1.9 โ 0.1.10
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 +75 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -165,6 +165,81 @@ Or pass MJML at init time without a ref:
|
|
|
165
165
|
| `className` | `string` | CSS class for the outer wrapper |
|
|
166
166
|
| `style` | `CSSProperties` | Inline styles for the outer wrapper |
|
|
167
167
|
|
|
168
|
+
## Custom Icons (`customIcons`)
|
|
169
|
+
|
|
170
|
+
You can pass `customIcons` to override built-in UI icons.
|
|
171
|
+
Every key is optional. If you skip a key, the editor uses its default emoji/icon.
|
|
172
|
+
|
|
173
|
+
```tsx
|
|
174
|
+
<EmailEditor
|
|
175
|
+
customIcons={{
|
|
176
|
+
desktop: '๐ฅ๏ธ',
|
|
177
|
+
mobile: '๐ฑ',
|
|
178
|
+
undo: 'โฉ๏ธ',
|
|
179
|
+
redo: 'โช๏ธ',
|
|
180
|
+
addSection: 'โ',
|
|
181
|
+
sidebar: '๐',
|
|
182
|
+
properties: 'โ๏ธ',
|
|
183
|
+
visual: '๐จ',
|
|
184
|
+
source: '๐งพ',
|
|
185
|
+
preview: '๐๏ธ',
|
|
186
|
+
sectionDrag: 'โ๏ธ',
|
|
187
|
+
sectionDuplicate: '๐',
|
|
188
|
+
sectionRemove: '๐๏ธ',
|
|
189
|
+
blockDuplicate: '๐',
|
|
190
|
+
blockRemove: '๐๏ธ',
|
|
191
|
+
previewDesktop: '๐ฅ๏ธ',
|
|
192
|
+
previewMobile: '๐ฑ',
|
|
193
|
+
paletteText: '๐',
|
|
194
|
+
paletteHeading: '๐ค',
|
|
195
|
+
paletteButton: '๐',
|
|
196
|
+
paletteImage: '๐ผ๏ธ',
|
|
197
|
+
paletteVideo: 'โถ๏ธ',
|
|
198
|
+
paletteDivider: 'โ',
|
|
199
|
+
paletteSpacer: 'โ๏ธ',
|
|
200
|
+
paletteSocial: '๐',
|
|
201
|
+
paletteHtml: '๐ป',
|
|
202
|
+
paletteCountdown: 'โฐ',
|
|
203
|
+
paletteMenu: '๐',
|
|
204
|
+
paletteHero: 'โญ',
|
|
205
|
+
}}
|
|
206
|
+
/>
|
|
207
|
+
```
|
|
208
|
+
|
|
209
|
+
### Available `customIcons` keys
|
|
210
|
+
|
|
211
|
+
| Key | Used In |
|
|
212
|
+
|-----|---------|
|
|
213
|
+
| `desktop` | Canvas desktop view toggle |
|
|
214
|
+
| `mobile` | Canvas mobile view toggle |
|
|
215
|
+
| `undo` | Canvas undo button |
|
|
216
|
+
| `redo` | Canvas redo button |
|
|
217
|
+
| `addSection` | Canvas "Add Section" button |
|
|
218
|
+
| `sidebar` | Toolbar sidebar toggle button |
|
|
219
|
+
| `properties` | Toolbar properties toggle button |
|
|
220
|
+
| `visual` | Toolbar Visual tab icon |
|
|
221
|
+
| `source` | Toolbar Source tab icon |
|
|
222
|
+
| `preview` | Toolbar Preview tab icon |
|
|
223
|
+
| `sectionDrag` | Section drag handle |
|
|
224
|
+
| `sectionDuplicate` | Section duplicate action |
|
|
225
|
+
| `sectionRemove` | Section remove action |
|
|
226
|
+
| `blockDuplicate` | Block duplicate action |
|
|
227
|
+
| `blockRemove` | Block remove action |
|
|
228
|
+
| `previewDesktop` | Preview panel desktop toggle |
|
|
229
|
+
| `previewMobile` | Preview panel mobile toggle |
|
|
230
|
+
| `paletteText` | Block palette icon for Text |
|
|
231
|
+
| `paletteHeading` | Block palette icon for Heading |
|
|
232
|
+
| `paletteButton` | Block palette icon for Button |
|
|
233
|
+
| `paletteImage` | Block palette icon for Image |
|
|
234
|
+
| `paletteVideo` | Block palette icon for Video |
|
|
235
|
+
| `paletteDivider` | Block palette icon for Divider |
|
|
236
|
+
| `paletteSpacer` | Block palette icon for Spacer |
|
|
237
|
+
| `paletteSocial` | Block palette icon for Social |
|
|
238
|
+
| `paletteHtml` | Block palette icon for HTML |
|
|
239
|
+
| `paletteCountdown` | Block palette icon for Countdown |
|
|
240
|
+
| `paletteMenu` | Block palette icon for Menu |
|
|
241
|
+
| `paletteHero` | Block palette icon for Hero |
|
|
242
|
+
|
|
168
243
|
## Block Types
|
|
169
244
|
|
|
170
245
|
| Type | Description | MJML Output |
|