export all components on module

Author: mckenziearts

src/app/shared/components/alert/alert.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ErrorComponent } from './error.component';
+import { SuccessComponent } from './success.component';
+
+const COMPONENTS = [ErrorComponent, SuccessComponent];
+
+@NgModule({
+  declarations: COMPONENTS,
+  imports: [CommonModule],
+  exports: COMPONENTS,
+})
+export class AlertModule {}

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

@@ -34,8 +34,6 @@ import { Component, Input } from '@angular/core';
 })
 export class ErrorComponent {
   @Input() class!: string;
-
   @Input() message!: string;
-
   @Input() errors: string[] = [];
 }

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

@@ -27,6 +27,5 @@ import { Component, Input } from '@angular/core';
 })
 export class SuccessComponent {
   @Input() class!: string;
-
   @Input() message!: string;
 }

src/app/shared/components/buttons/button.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ButtonPrimaryComponent } from './primary.component';
+import { ButtonLinkComponent } from './link.component';
+import { ButtonDefaultComponent } from './default.component';
+import { RouterModule } from '@angular/router';
+
+const COMPONENTS = [
+  ButtonPrimaryComponent,
+  ButtonLinkComponent,
+  ButtonDefaultComponent,
+];
+
+@NgModule({
+  declarations: COMPONENTS,
+  imports: [CommonModule, RouterModule],
+  exports: COMPONENTS,
+})
+export class ButtonModule {}

src/app/shared/components/buttons/default.component.ts

@@ -33,8 +33,6 @@ import { Observable } from 'rxjs';
 })
 export class ButtonDefaultComponent {
   @Input() type: string = 'button';
-
   @Input() loading$!: Observable<boolean>;
-
   @Input() class!: string;
 }

src/app/shared/components/buttons/link.component.ts

@@ -6,13 +6,12 @@ import { Component, Input } from '@angular/core';
     <a
       [routerLink]="link"
       [ngClass]="class"
-      class="inline-flex items-center rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:bg-gray-700 dark:hover:bg-gray-800 dark:text-slate-300 dark:hover:text-white dark:focus:ring-offset-gray-800">
+      class="inline-flex items-center rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
       <ng-content></ng-content>
     </a>
   `,
 })
 export class ButtonLinkComponent {
   @Input() link!: any;
-
   @Input() class!: string;
 }

src/app/shared/components/buttons/primary.component.ts

@@ -35,8 +35,6 @@ import { Observable } from 'rxjs';
 })
 export class ButtonPrimaryComponent {
   @Input() type: string = 'button';
-
   @Input() loading$!: Observable<boolean>;
-
   @Input() class!: string;
 }

src/app/shared/components/headings/heading.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { PageHeadingWithActionComponent } from './page-heading-with-action.component';
+import { PageHeadingComponent } from './page-heading.component';
+
+const COMPONENTS = [PageHeadingWithActionComponent, PageHeadingComponent];
+
+@NgModule({
+  declarations: COMPONENTS,
+  imports: [CommonModule],
+  exports: COMPONENTS,
+})
+export class HeadingModule {}

src/app/shared/components/headings/page-heading.component.ts

@@ -22,6 +22,5 @@ import { Component, Input } from '@angular/core';
 })
 export class PageHeadingComponent {
   @Input() title!: string;
-
   @Input() description!: string;
 }

src/app/shared/components/inputs/inputs.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+import { OverlapingLabelComponent } from './overlaping-label/overlaping-label.component';
+
+const COMPONENTS = [OverlapingLabelComponent];
+
+@NgModule({
+  declarations: COMPONENTS,
+  imports: [CommonModule, FormsModule, ReactiveFormsModule],
+  exports: COMPONENTS,
+})
+export class InputsModule {}