@silexlabs/grapesjs-notifications 0.0.7 → 0.0.8
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 +9 -3
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
# GrapesJs Notifications Plugin
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Why this plugin? GrapesJs is a powerful framework to build no-code tools and allow users to create templates using a drag-and-drop interface. However, the framework does not offer a standard way of notifying users and each plugin implements its own, which is messy and not user friendly. This plugin provides a centralized notification system that can be used by all plugins to display messages to the user.
|
|
4
|
+
|
|
5
|
+
It displays various types of notifications including errors, warnings, and activities, thereby facilitating a more interactive and responsive interface. The most important feature is probably that it allows users to interact with the notifications by clicking on them to select a specific component in the editor, go to a page or scroll to the component.
|
|
4
6
|
|
|
5
7
|
> This code is part of a larger project: [about Silex v3](https://www.silexlabs.org/silex-v3-kickoff/)
|
|
6
8
|
|
|
7
|
-
[
|
|
9
|
+
Here is a [demo page on codepen](https://codepen.io/lexoyo/full/mdgzKQb)
|
|
10
|
+
|
|
11
|
+
Here is a screenshot of the notifications in action:
|
|
12
|
+
|
|
13
|
+
|
|
8
14
|
|
|
9
15
|
Features
|
|
10
16
|
|
|
@@ -84,7 +90,7 @@ API:
|
|
|
84
90
|
| `storeKey` | Store notifications in local storage under this key | `string` | No storage |
|
|
85
91
|
| `icons` | Icons for the notification types | `object` | `{error: '\u2716', warning: '\u26A0', success: '\u2714', info: '\u2139'}` |
|
|
86
92
|
| `i18n` | Internationalization | `object` | Check the values in locale/en.js |
|
|
87
|
-
| `maxNotifications` | Maximum number of notifications to display | `number` |
|
|
93
|
+
| `maxNotifications` | Maximum number of notifications to display | `number` | 50 |
|
|
88
94
|
| `reverse` | Reverse the order of the notifications | `boolean` | `false` |
|
|
89
95
|
|
|
90
96
|
## Styling
|