styles

src/app/features/demo/components/demo2/demo2.component.ts

@@ -32,6 +32,14 @@ import { SlideToggleComponent } from '../../../../shared/components/form/slide-t
 
 import { isPlatformBrowser } from '@angular/common';
 
+import { ExpansionPanelComponent } from '../../../../shared/components/layout/expansion-panel/expansion-panel.component';
+
+import { PageHeaderComponent } from '../../../../shared/components/layout/page-header/page-header.component';
+
+import { ButtonComponent } from '../../../../shared/components/ui/button/button.component';
+
+import { ChipComponent } from '../../../../shared/components/ui/chip/chip.component';
+
 // Wir definieren ein Interface für unsere KPI-Daten für Typsicherheit
 interface Kpi {
   value: string;
@@ -54,6 +62,10 @@ interface Kpi {
     FormsModule,
     FormTextareaComponent,
     SlideToggleComponent,
+    ExpansionPanelComponent,
+    PageHeaderComponent,
+    ButtonComponent,
+    ChipComponent
   ],
   templateUrl: './demo2.component.html',
 })
@@ -257,6 +269,7 @@ export class Demo2Component {
       this.renderer.removeClass(this.document.body, 'dark-theme');
     }
   }
+
   handleDeleteOrder(orderId: string): void {
     console.log('Lösche Bestellung mit ID:', orderId);
     // Hier könnten Sie z.B. einen Bestätigungs-Dialog öffnen