aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPaweł Kuna <1282324+codecalm@users.noreply.github.com>2021-11-17 12:32:03 +0100
committerGitHub <noreply@github.com>2021-11-17 12:32:03 +0100
commit3b3877f684e97fe7f2a375a74b62163e0c601474 (patch)
tree544a3724b4e582fd9e6eb6be8f1584ac5c27c1fe
parentRelease 1.44.0 (diff)
parentUpdate README.md (diff)
downloadtabler-icons-3b3877f684e97fe7f2a375a74b62163e0c601474.tar.xz
Merge pull request #166 from pierreavn/patch-1
-rw-r--r--README.md41
1 files changed, 41 insertions, 0 deletions
diff --git a/README.md b/README.md
index eb0e8e03..7a1d3cfa 100644
--- a/README.md
+++ b/README.md
@@ -119,6 +119,47 @@ const MyComponent = () => {
`@tabler/icons` exports it's own type declarations for usage with React and Typescript.
+### Angular
+
+Angular components available through [`angular-tabler-icons`](https://www.npmjs.com/package/angular-tabler-icons) package.
+Install the package, then create icons module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { TablerIconsModule } from 'angular-tabler-icons';
+import { IconCamera, IconHeart, IconBrandGithub } from 'angular-tabler-icons/icons';
+
+// Select some icons (use an object, not an array)
+const icons = {
+ IconCamera,
+ IconHeart,
+ IconBrandGithub
+};
+
+@NgModule({
+ imports: [
+ TablerIconsModule.pick(icons)
+ ],
+ exports: [
+ TablerIconsModule
+ ]
+})
+export class IconsModule { }
+```
+
+After importing the _IconsModule_ in your feature or shared module, use the icons as follows:
+
+```html
+<i-tabler name="camera"></i-tabler>
+<i-tabler name="heart" style="color: red;"></i-tabler>
+<i-tabler name="brand-github" class="someclass"></i-tabler>
+```
+
+`angular-tabler-icons` exports it's own type declarations for usage with Typescript.
+
+For more usage documentation refer to [the official documentation](https://github.com/pierreavn/angular-tabler-icons).
+
### Vue
Vue components available through [`vue-tabler-icons`](https://www.npmjs.com/package/vue-tabler-icons) package.