Added collapse component

2023-07-26 00:22:55 +02:00
parent b57a4f1862
commit 33f1988718
9 changed files with 142 additions and 2 deletions
--- a/src/app/collapse/collapse.component.html
+++ b/src/app/collapse/collapse.component.html
@@ -0,0 +1,10 @@
+<div class="wrapper">
+  <div class="heading" (click)="collapsed = !collapsed">
+    <span class="fa-solid {{icon}}"></span>
+    <h3>{{title}}</h3>
+    <span class="fa-solid" [ngClass]="{'fa-chevron-up': !collapsed, 'fa-chevron-down': collapsed}"></span>
+  </div>
+  <div class="collapse" [ngClass]="{'collapsed': collapsed}">
+    <ng-content></ng-content>
+  </div>
+</div>