You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Notifications are queued and displayed in the order that they were requested. The queue can be skipped by settings the `force` flag to true.
29
29
30
30
```typescript
31
31
notificationManager.notify({
32
-
message: 'This message will close the current notification and will jump the queue',
32
+
message: "This message will close the current notification and will jump the queue",
33
33
force: true,
34
34
});
35
35
```
@@ -42,7 +42,7 @@ Notify.js allows custom notification duration. The minimum time allowed is 4 sec
42
42
43
43
```typescript
44
44
notificationManager.notify({
45
-
message: 'The user will have to close this notification',
45
+
message: "The user will have to close this notification",
46
46
duration: Infinity,
47
47
closeable: true,
48
48
});
@@ -54,22 +54,22 @@ Notify.js also allows for user interactions via a button element. The action req
54
54
55
55
```typescript
56
56
notificationManager.notify({
57
-
message: 'A new version of this application is available',
57
+
message: "A new version of this application is available",
58
58
duration: Infinity,
59
59
closeable: true,
60
60
buttons: [
61
61
{
62
-
label: 'Update',
63
-
callback: () => { console.log('User clicked the update button') },
64
-
}
62
+
label: "Update",
63
+
callback: () => {
64
+
console.log("User clicked the update button");
65
+
},
66
+
},
65
67
],
66
68
});
67
69
```
68
70
69
71
## HTML Structure
70
72
71
-
The notification element is composed of the following HTML. This library doesn't provide/force any CSS, for a material design styled snackbar notification [click here](https://components.codewithkyle.com/snackbars/dark-snackbar).
72
-
73
73
```html
74
74
<snackbar-component>
75
75
<p>Custom notification message</p>
@@ -81,3 +81,7 @@ The notification element is composed of the following HTML. This library doesn't
81
81
</snackbar-actions>
82
82
</snackbar-component>
83
83
```
84
+
85
+
## Stylesheets
86
+
87
+
This library doesn't provide/force any CSS, for a material design styled snackbar notification [click here](https://github.com/codewithkyle/notifyjs/blob/master/test/snackbar.css).
0 commit comments