komponents erstellen

src/app/shared/components/ui/alert/alert.component.html

@@ -0,0 +1 @@
+<p>alert works!</p>

src/app/shared/components/ui/alert/alert.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-alert',
+  imports: [],
+  templateUrl: './alert.component.html',
+  styleUrl: './alert.component.css'
+})
+export class AlertComponent {
+
+}

src/app/shared/components/ui/button/button.component.html

@@ -0,0 +1 @@
+<p>button works!</p>

src/app/shared/components/ui/button/button.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-button',
+  imports: [],
+  templateUrl: './button.component.html',
+  styleUrl: './button.component.css'
+})
+export class ButtonComponent {
+
+}

src/app/shared/components/ui/card/card.component.html

@@ -0,0 +1 @@
+<p>card works!</p>

src/app/shared/components/ui/card/card.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-card',
+  imports: [],
+  templateUrl: './card.component.html',
+  styleUrl: './card.component.css'
+})
+export class CardComponent {
+
+}

src/app/shared/components/ui/chip/chip.component.html

@@ -0,0 +1 @@
+<p>chip works!</p>

src/app/shared/components/ui/chip/chip.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-chip',
+  imports: [],
+  templateUrl: './chip.component.html',
+  styleUrl: './chip.component.css'
+})
+export class ChipComponent {
+
+}

src/app/shared/components/ui/icon/icon.component.html

@@ -0,0 +1 @@
+<p>icon works!</p>

src/app/shared/components/ui/icon/icon.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-icon',
+  imports: [],
+  templateUrl: './icon.component.html',
+  styleUrl: './icon.component.css'
+})
+export class IconComponent {
+
+}

src/app/shared/components/ui/status-pill/status-pill.component.html

@@ -0,0 +1 @@
+<p>status-pill works!</p>

src/app/shared/components/ui/status-pill/status-pill.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-status-pill',
+  imports: [],
+  templateUrl: './status-pill.component.html',
+  styleUrl: './status-pill.component.css'
+})
+export class StatusPillComponent {
+
+}