From e391973a70b73ba6ecc6290c98e75325c3ee0689 Mon Sep 17 00:00:00 2001
From: hiepxanh <hiepxanh@gmail.com>
Date: Wed, 21 Aug 2024 14:23:33 +0700
Subject: [PATCH] feat(docs): add standalone example for angular (#2383)

---
 docs/guide/packages/lucide-angular.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/docs/guide/packages/lucide-angular.md b/docs/guide/packages/lucide-angular.md
index 4999f3368..e181564a3 100644
--- a/docs/guide/packages/lucide-angular.md
+++ b/docs/guide/packages/lucide-angular.md
@@ -37,6 +37,20 @@ import { LucideAngularModule, File, Home, Menu, UserCheck } from 'lucide-angular
 export class AppModule { }
 ```
 
+or using standalone version:
+
+```js
+import { LucideAngularModule, FileIcon } from 'lucide-angular';
+
+@NgModule({
+  imports: [
+    LucideAngularModule
+  ]
+})
+export class AppModule {
+  readonly FileIcon = FileIcon;
+}
+```
 ### Step 2: Use the icons in templates
 
 Within your templates you may now use one of the following component tags to insert an icon:
@@ -47,6 +61,13 @@ Within your templates you may now use one of the following component tags to ins
 <i-lucide name="menu" class="my-icon"></i-lucide>
 <span-lucide name="user-check" class="my-icon"></span-lucide>
 ```
+for standalone
+```html
+<lucide-angular [img]="FileIcon" class="my-icon"></lucide-angular>
+<lucide-icon [img]="FileIcon" class="my-icon"></lucide-icon>
+<i-lucide [img]="FileIcon" class="my-icon"></i-lucide>
+<span-lucide [img]="FileIcon" class="my-icon"></span-lucide>
+```
 
 ### Props