ngx-dynamic-toast 0.0.1
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 +41 -0
- package/fesm2022/ngx-dynamic-toast.mjs +791 -0
- package/fesm2022/ngx-dynamic-toast.mjs.map +1 -0
- package/package.json +23 -0
- package/types/ngx-dynamic-toast.d.ts +238 -0
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# ngx-dynamic-toast
|
|
2
|
+
|
|
3
|
+
An elegant, liquid-smooth toast notification library for Angular, heavily inspired by the beautiful [Sileo](https://github.com/hiaaryan/sileo) project. This is an attempt to port its fluid animations and API to the Angular ecosystem.
|
|
4
|
+
|
|
5
|
+
## Credits & Inspiration
|
|
6
|
+
|
|
7
|
+
The original concept, design, CSS animations (including the gooey SVG filter), and API structure are credited to **Aryan Hia** and the amazing work on the [Sileo](https://github.com/hiaaryan/sileo) repository. This package aims to bring that precise aesthetic and DX (Developer Experience) to Angular developers.
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install ngx-dynamic-toast
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Basic Usage
|
|
16
|
+
|
|
17
|
+
Inject the `DynamicToastService` into your component and start firing toasts!
|
|
18
|
+
|
|
19
|
+
```ts
|
|
20
|
+
import { Component, inject } from "@angular/core";
|
|
21
|
+
import { DynamicToastService } from "ngx-dynamic-toast";
|
|
22
|
+
|
|
23
|
+
@Component({
|
|
24
|
+
selector: "app-root",
|
|
25
|
+
standalone: true,
|
|
26
|
+
template: `<button (click)="showToast()">Show Toast</button>`,
|
|
27
|
+
})
|
|
28
|
+
export class AppComponent {
|
|
29
|
+
private toastService = inject(DynamicToastService);
|
|
30
|
+
|
|
31
|
+
showToast() {
|
|
32
|
+
this.toastService.success("Hello World!", {
|
|
33
|
+
description: "This is a beautifully animated toast notification.",
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## License
|
|
40
|
+
|
|
41
|
+
MIT - See the Sileo repository for original conceptual licensing.
|