better-toast 0.0.2 → 0.0.4
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 -5
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Better Toast
|
|
2
2
|
|
|
3
|
-
Toast
|
|
3
|
+
[Better Toast](https://better-toast.vercel.app) is a toast notification library for **Angular** v21+: stacked messages, variants, swipe-to-dismiss, entry and exit animations, accessibility-friendly live region, and a small `ToasterService` API.
|
|
4
4
|
|
|
5
5
|
**Requirements:** Angular `^21.0.0` (`@angular/core`, `@angular/common`).
|
|
6
6
|
|
|
7
|
+
## Documentation
|
|
8
|
+
|
|
9
|
+
You can find the full documentation on the [Better Toast](https://better-toast.vercel.app) website.
|
|
10
|
+
|
|
7
11
|
## Install
|
|
8
12
|
|
|
9
13
|
```bash
|
|
10
14
|
npm install better-toast
|
|
11
15
|
```
|
|
12
16
|
|
|
13
|
-
##
|
|
17
|
+
## Usage
|
|
14
18
|
|
|
15
19
|
Place a single `<better-toaster>` near the root of your app (for example in the root component) so the stack can render.
|
|
16
20
|
|
|
@@ -21,7 +25,7 @@ import { BetterToaster } from 'better-toast';
|
|
|
21
25
|
@Component({
|
|
22
26
|
selector: 'app-root',
|
|
23
27
|
imports: [BetterToaster],
|
|
24
|
-
template: `<better-toaster
|
|
28
|
+
template: `<better-toaster />`,
|
|
25
29
|
})
|
|
26
30
|
export class App {}
|
|
27
31
|
```
|
|
@@ -41,7 +45,7 @@ Styles ship with the components; you do not need to import a separate CSS file f
|
|
|
41
45
|
|
|
42
46
|
## Show toasts from anywhere
|
|
43
47
|
|
|
44
|
-
Inject `ToasterService`
|
|
48
|
+
Inject `ToasterService` and call the helpers. Each method returns a **toast id** you can pass to `dismiss(id)`.
|
|
45
49
|
|
|
46
50
|
```typescript
|
|
47
51
|
import { Component, inject } from '@angular/core';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "better-toast",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "Elegant toast notifications for Angular v21+ with stacked messages, variants, swipe-to-dismiss and a small service API.",
|
|
3
|
+
"version": "0.0.4",
|
|
4
|
+
"description": "Elegant toast notifications for Angular v21+ with stacked messages, variants, swipe-to-dismiss, entry and exit animations and a small service API.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
7
7
|
"toast",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
],
|
|
12
12
|
"author": "Marco De Falco",
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"homepage": "https://
|
|
14
|
+
"homepage": "https://better-toast.vercel.app",
|
|
15
15
|
"repository": {
|
|
16
16
|
"type": "git",
|
|
17
17
|
"url": "git+https://github.com/defalque/better-toast.git",
|