styles

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

@@ -23,7 +23,8 @@ import { ExpansionPanelComponent } from '../../../../shared/components/layout/ex
 import { SidebarComponent } from '../../../../shared/components/layout/sidebar/sidebar.component';
 
 import { OrdersTableComponent, Order } from '../../../../shared/components/data-display/orders-table/orders-table.component';
-
+import { FormSelectComponent, SelectOption } from '../../../../shared/components/form/form-select/form-select.component';
+import { FormTextareaComponent } from '../../../../shared/components/form/form-textarea/form-textarea.component';
 @Component({
   selector: 'app-demo2',
   standalone: true,
@@ -44,7 +45,9 @@ import { OrdersTableComponent, Order } from '../../../../shared/components/data-
     SkeletonComponent,
     ExpansionPanelComponent,
     SidebarComponent,
-    OrdersTableComponent
+    OrdersTableComponent,
+    FormSelectComponent,
+    FormTextareaComponent
   ],
   templateUrl: './demo2.component.html',
   styleUrl: './demo2.component.css',
@@ -101,6 +104,13 @@ export class Demo2Component implements OnInit {
     }
   ];
 
+   cityOptions: SelectOption[] = [
+    { value: 'berlin', label: 'Berlin' },
+    { value: 'munich', label: 'München' },
+    { value: 'hamburg', label: 'Hamburg' }
+  ];
+
+
   constructor(private snackbarService: SnackbarService) {}
 
   ngOnInit(): void {