@ng-icons/ionicons 17.0.0 → 18.0.0
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 +21 -1
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -32,7 +32,7 @@ Got suggestions for additional iconsets? Create an issue and we can consider add
|
|
|
32
32
|
| 11.x.x | 12.x.x |
|
|
33
33
|
| 12.x.x | 12.x.x - 13.x.x |
|
|
34
34
|
| 13.x.x | 13.x.x - 17.x.x |
|
|
35
|
-
|
|
|
35
|
+
| 14.x.x | 17.x.x - 18.x.x |
|
|
36
36
|
|
|
37
37
|
> Note: Ng Icons relies on modern browser features and is designed to work on evergreen browsers. We do not support older browsers such as IE11.
|
|
38
38
|
|
|
@@ -106,3 +106,23 @@ You can then use the icon in your templates:
|
|
|
106
106
|
| size | `string` | Define the size of the icon. This defaults to the current font size. |
|
|
107
107
|
| color | `string` | Define the color of the icon. This defaults to the current text color. |
|
|
108
108
|
| strokeWidth | `string` \| `number` | Define the stroke-width of the icon. This only works on iconsets that use strokes. |
|
|
109
|
+
|
|
110
|
+
### Standalone Components
|
|
111
|
+
|
|
112
|
+
As of version 18.0.0 Ng Icons nows supports standalone components. You can import icons using the `provideIcons` function which can be placed anywhere you can register providers. The optimal location
|
|
113
|
+
would be in the `@Component` providers array.
|
|
114
|
+
|
|
115
|
+
You can also import the component directly by importing `IconComponent` or the by importing `NG_ICON_DIRECTIVES`.
|
|
116
|
+
|
|
117
|
+
```ts
|
|
118
|
+
import { NG_ICON_DIRECTIVES, provideIcons } from '@ng-icons/core';
|
|
119
|
+
import { FeatherAirplay } from '@ng-icons/feather-icons';
|
|
120
|
+
import { HeroUsers } from '@ng-icons/heroicons/outline';
|
|
121
|
+
|
|
122
|
+
@Component({
|
|
123
|
+
standalone: true,
|
|
124
|
+
imports: [NG_ICON_DIRECTIVES],
|
|
125
|
+
providers: [provideIcons({ FeatherAirplay, HeroUsers })],
|
|
126
|
+
})
|
|
127
|
+
export class AppComponent {}
|
|
128
|
+
```
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-icons/ionicons",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "18.0.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": ">=
|
|
6
|
-
"@angular/core": ">=
|
|
5
|
+
"@angular/common": ">=14.0.0",
|
|
6
|
+
"@angular/core": ">=14.0.0"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"tslib": "^2.2.0"
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
"esm2020": "esm2020/ng-icons-ionicons.mjs",
|
|
19
19
|
"fesm2020": "fesm2020/ng-icons-ionicons.mjs",
|
|
20
20
|
"fesm2015": "fesm2015/ng-icons-ionicons.mjs",
|
|
21
|
-
"typings": "
|
|
21
|
+
"typings": "index.d.ts",
|
|
22
22
|
"exports": {
|
|
23
23
|
"./package.json": {
|
|
24
24
|
"default": "./package.json"
|
|
25
25
|
},
|
|
26
26
|
".": {
|
|
27
|
-
"types": "./
|
|
27
|
+
"types": "./index.d.ts",
|
|
28
28
|
"esm2020": "./esm2020/ng-icons-ionicons.mjs",
|
|
29
29
|
"es2020": "./fesm2020/ng-icons-ionicons.mjs",
|
|
30
30
|
"es2015": "./fesm2015/ng-icons-ionicons.mjs",
|