Added tooltip components

2026-03-29 11:24:09 +01:00
parent 0a1e30cf69
commit 53f6667035
13 changed files with 86 additions and 13 deletions
@@ -0,0 +1,9 @@
+<div [ngClass]="{
+  'border-l-red-700': color() == 'red',
+  'border-l-green-700': color() == 'green'}"
+     class="ml-4 mr-5 pl-4 border border-gray-400 rounded-r-xl border-l-{{color()}}-700 border-l-4 bg-[#f7f6f2]">
+    <p class="text-[11px] text-gray-600">
+        <strong class="text-gray-900">{{ title() }}</strong>
+        — {{ content() }}
+    </p>
+</div>
@@ -0,0 +1,16 @@
+import {Component, input} from '@angular/core';
+import {NgClass} from "@angular/common";
+
+@Component({
+    selector: 'app-tooltip',
+    templateUrl: './tooltip.component.html',
+    styleUrls: ['./tooltip.component.scss'],
+    imports: [
+        NgClass
+    ]
+})
+export class TooltipComponent {
+    title = input.required<string>();
+    content = input.required<string>();
+    color = input<string>();
+}