UI(dropdown-menu): Add dropdown menu directive

Author: immohammadjaved

projects/docs/src/app/pages/docs/components/breadcrumb/breadcrumb.variants.ts

@@ -178,7 +178,7 @@ export const breadcrumbVariants: IVariant[] = [
     </li>
     <li uiBreadcrumbItem>
       <span uiBreadcrumbEllipsis>
-        <ng-icon name="lucideX" size="16" />
+        <ng-icon name="lucideEllipsis" size="16" />
       </span>
     </li>
     <li uiBreadcrumbSeparator>

projects/docs/src/app/pages/docs/components/components.routes.ts

@@ -64,6 +64,10 @@ export const routes: Routes = [
                 path: 'table',
                 loadComponent: () => import('./table/table').then(m => m.Table)
             },
+            {
+                path: 'dropdown-menu',
+                loadComponent: () => import('./dropdown-menu/dropdown-menu').then(m => m.DropdownMenu)
+            },
             {
                 path: '',
                 redirectTo: 'alert',

projects/docs/src/app/pages/docs/components/dropdown-menu/dropdown-menu.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { ComponentPreview } from '@components/component-preview/component-preview';
+import { dropdownMenuVariants, dropdownMenuMeta } from './dropdown-menu.variants';
+
+@Component({
+  selector: 'docs-dropdown-menu',
+  imports: [ComponentPreview],
+  template: `
+    <docs-component-preview 
+      [meta]="dropdownMenuMeta" 
+      [variants]="dropdownMenuVariants">
+    </docs-component-preview>
+  `
+})
+export class DropdownMenu {
+  dropdownMenuMeta = dropdownMenuMeta;
+  dropdownMenuVariants = dropdownMenuVariants;
+}