From d50e0901ed43dee7ed6254c285ccd3296e31f469 Mon Sep 17 00:00:00 2001 From: Pierre Avinain <8176955+pierreavn@users.noreply.github.com> Date: Tue, 16 Nov 2021 19:16:39 +0100 Subject: Update README.md --- README.md | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/README.md b/README.md index f5366223..3dd4f493 100644 --- a/README.md +++ b/README.md @@ -105,6 +105,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 + + + +``` + +`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. -- cgit v1.2.1