diff options
author | Paweł Kuna <1282324+codecalm@users.noreply.github.com> | 2021-11-17 12:32:03 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-11-17 12:32:03 +0100 |
commit | 3b3877f684e97fe7f2a375a74b62163e0c601474 (patch) | |
tree | 544a3724b4e582fd9e6eb6be8f1584ac5c27c1fe /README.md | |
parent | Release 1.44.0 (diff) | |
parent | Update README.md (diff) | |
download | tabler-icons-3b3877f684e97fe7f2a375a74b62163e0c601474.tar.xz |
Merge pull request #166 from pierreavn/patch-1
Diffstat (limited to 'README.md')
-rw-r--r-- | README.md | 41 |
1 files changed, 41 insertions, 0 deletions
@@ -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. |