diff --git a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
index 0ec5146dbb..b8aba035bd 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
+++ b/npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts
@@ -12,7 +12,10 @@ import { pluck, finalize } from 'rxjs/operators';
   templateUrl: './feature-management.component.html',
   exportAs: 'abpFeatureManagement',
 })
-export class FeatureManagementComponent {
+export class FeatureManagementComponent
+  implements
+    FeatureManagement.FeatureManagementComponentInputs,
+    FeatureManagement.FeatureManagementComponentOutputs {
   @Input()
   providerKey: string;
 
diff --git a/npm/ng-packs/packages/feature-management/src/lib/models/feature-management.ts b/npm/ng-packs/packages/feature-management/src/lib/models/feature-management.ts
index 05a0a28c99..fa0165ae2e 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/models/feature-management.ts
+++ b/npm/ng-packs/packages/feature-management/src/lib/models/feature-management.ts
@@ -1,3 +1,5 @@
+import { EventEmitter } from '@angular/core';
+
 export namespace FeatureManagement {
   export interface State {
     features: Feature[];
@@ -26,4 +28,14 @@ export namespace FeatureManagement {
     providerName: string;
     providerKey: string;
   }
+
+  export interface FeatureManagementComponentInputs {
+    visible: boolean;
+    readonly providerName: string;
+    readonly providerKey: string;
+  }
+
+  export interface FeatureManagementComponentOutputs {
+    readonly visibleChange: EventEmitter<boolean>;
+  }
 }