devlab-one-dynamic-toast 1.0.2 → 1.0.3
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 +5 -21
- package/devlab-one-dynamic-toast-1.0.3.tgz +0 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,7 +4,11 @@ A lightweight Angular Material-based Snackbar Library that provides beautiful, c
|
|
|
4
4
|
|
|
5
5
|
The library offers predefined notification types such as Success, Error, Warning, and Information while also allowing fully customizable snackbars through a configuration object.
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
|
|
8
|
+
# Feedback / Suggestion / Report issue
|
|
9
|
+
[https://github.com/AravindhanSenthilkumar/Feedback/issues/1](https://github.com/AravindhanSenthilkumar/Feedback/issues/1)
|
|
10
|
+
|
|
11
|
+
|
|
8
12
|
|
|
9
13
|
## Features
|
|
10
14
|
|
|
@@ -20,7 +24,6 @@ The library offers predefined notification types such as Success, Error, Warning
|
|
|
20
24
|
* 🎨 Custom Styling Support
|
|
21
25
|
* ⚡ Lightweight and Fast
|
|
22
26
|
|
|
23
|
-
---
|
|
24
27
|
|
|
25
28
|
## Installation
|
|
26
29
|
|
|
@@ -28,7 +31,6 @@ The library offers predefined notification types such as Success, Error, Warning
|
|
|
28
31
|
npm install devlab-one-dynamic-snackbar
|
|
29
32
|
```
|
|
30
33
|
|
|
31
|
-
---
|
|
32
34
|
|
|
33
35
|
## Inject Snackbar Service
|
|
34
36
|
|
|
@@ -40,7 +42,6 @@ constructor(
|
|
|
40
42
|
) {}
|
|
41
43
|
```
|
|
42
44
|
|
|
43
|
-
---
|
|
44
45
|
|
|
45
46
|
## Available Methods
|
|
46
47
|
|
|
@@ -68,7 +69,6 @@ info(
|
|
|
68
69
|
): void;
|
|
69
70
|
```
|
|
70
71
|
|
|
71
|
-
---
|
|
72
72
|
|
|
73
73
|
## Success Snackbar
|
|
74
74
|
|
|
@@ -89,7 +89,6 @@ this.snackbar.success(
|
|
|
89
89
|
);
|
|
90
90
|
```
|
|
91
91
|
|
|
92
|
-
---
|
|
93
92
|
|
|
94
93
|
## Error Snackbar
|
|
95
94
|
|
|
@@ -110,7 +109,6 @@ this.snackbar.error(
|
|
|
110
109
|
);
|
|
111
110
|
```
|
|
112
111
|
|
|
113
|
-
---
|
|
114
112
|
|
|
115
113
|
## Warning Snackbar
|
|
116
114
|
|
|
@@ -131,7 +129,6 @@ this.snackbar.warning(
|
|
|
131
129
|
);
|
|
132
130
|
```
|
|
133
131
|
|
|
134
|
-
---
|
|
135
132
|
|
|
136
133
|
## Information Snackbar
|
|
137
134
|
|
|
@@ -152,7 +149,6 @@ this.snackbar.info(
|
|
|
152
149
|
);
|
|
153
150
|
```
|
|
154
151
|
|
|
155
|
-
---
|
|
156
152
|
|
|
157
153
|
## Custom Snackbar
|
|
158
154
|
|
|
@@ -166,7 +162,6 @@ this.snackbar.show({
|
|
|
166
162
|
});
|
|
167
163
|
```
|
|
168
164
|
|
|
169
|
-
---
|
|
170
165
|
|
|
171
166
|
## Snackbar Configuration
|
|
172
167
|
|
|
@@ -181,7 +176,6 @@ export interface SnackbarConfig {
|
|
|
181
176
|
}
|
|
182
177
|
```
|
|
183
178
|
|
|
184
|
-
---
|
|
185
179
|
|
|
186
180
|
## Snackbar Types
|
|
187
181
|
|
|
@@ -194,7 +188,6 @@ export enum SnackbarType {
|
|
|
194
188
|
}
|
|
195
189
|
```
|
|
196
190
|
|
|
197
|
-
---
|
|
198
191
|
|
|
199
192
|
## Duration Configuration
|
|
200
193
|
|
|
@@ -216,7 +209,6 @@ Duration is specified in milliseconds.
|
|
|
216
209
|
| 5000 | 5 seconds |
|
|
217
210
|
| 10000 | 10 seconds |
|
|
218
211
|
|
|
219
|
-
---
|
|
220
212
|
|
|
221
213
|
## Position Configuration
|
|
222
214
|
|
|
@@ -248,7 +240,6 @@ this.snackbar.show({
|
|
|
248
240
|
});
|
|
249
241
|
```
|
|
250
242
|
|
|
251
|
-
---
|
|
252
243
|
|
|
253
244
|
## Complete Example
|
|
254
245
|
|
|
@@ -263,7 +254,6 @@ this.snackbar.show({
|
|
|
263
254
|
});
|
|
264
255
|
```
|
|
265
256
|
|
|
266
|
-
---
|
|
267
257
|
|
|
268
258
|
## API Success Example
|
|
269
259
|
|
|
@@ -278,7 +268,6 @@ this.employeeService.create(employee)
|
|
|
278
268
|
});
|
|
279
269
|
```
|
|
280
270
|
|
|
281
|
-
---
|
|
282
271
|
|
|
283
272
|
## API Error Example
|
|
284
273
|
|
|
@@ -293,7 +282,6 @@ this.employeeService.create(employee)
|
|
|
293
282
|
});
|
|
294
283
|
```
|
|
295
284
|
|
|
296
|
-
---
|
|
297
285
|
|
|
298
286
|
## UI Examples
|
|
299
287
|
|
|
@@ -333,7 +321,6 @@ this.employeeService.create(employee)
|
|
|
333
321
|
└──────────────────────────────┘
|
|
334
322
|
```
|
|
335
323
|
|
|
336
|
-
---
|
|
337
324
|
|
|
338
325
|
## Typical Usage Scenarios
|
|
339
326
|
|
|
@@ -369,7 +356,6 @@ this.snackbar.info(
|
|
|
369
356
|
);
|
|
370
357
|
```
|
|
371
358
|
|
|
372
|
-
---
|
|
373
359
|
|
|
374
360
|
## Built With
|
|
375
361
|
|
|
@@ -378,7 +364,6 @@ this.snackbar.info(
|
|
|
378
364
|
* TypeScript
|
|
379
365
|
* RxJS
|
|
380
366
|
|
|
381
|
-
---
|
|
382
367
|
|
|
383
368
|
## Why Dynamic Snackbar?
|
|
384
369
|
|
|
@@ -406,7 +391,6 @@ this.snackbar.success(
|
|
|
406
391
|
|
|
407
392
|
and let the library handle styling, icons, duration, positioning, and consistency automatically.
|
|
408
393
|
|
|
409
|
-
---
|
|
410
394
|
|
|
411
395
|
## License
|
|
412
396
|
|
|
Binary file
|