diff --git a/src/community/components/form/input-group/input-group.component.ts b/src/community/components/form/input-group/input-group.component.ts
index 8857cb066..7df6ff978 100644
--- a/src/community/components/form/input-group/input-group.component.ts
+++ b/src/community/components/form/input-group/input-group.component.ts
@@ -1,5 +1,10 @@
import { Component, input, ViewEncapsulation } from "@angular/core";
-import { ComponentInputs, LabelComponent, FeedbackTextComponent } from "@tedi-design-system/angular/tedi";
+import {
+ ComponentInputs,
+ LabelComponent,
+ FeedbackTextComponent,
+ warnDeprecated,
+} from "@tedi-design-system/angular/tedi";
/**
* InputGroupComponent is a component that allows you to group multiple input elements together.
@@ -13,6 +18,7 @@ import { ComponentInputs, LabelComponent, FeedbackTextComponent } from "@tedi-de
*
*
*
+ * @deprecated Use the TEDI-Ready `tedi-input-group` from `@tedi-design-system/angular/tedi` instead. This component will be removed from future versions.
*/
@Component({
selector: "tedi-input-group",
@@ -44,4 +50,11 @@ export class InputGroupComponent {
* FeedbackText component inputs, displayed below the input group.
*/
readonly feedback = input>();
+
+ constructor() {
+ warnDeprecated(
+ "Community tedi-input-group",
+ "Use the TEDI-Ready `tedi-input-group` from `@tedi-design-system/angular/tedi` instead.",
+ );
+ }
}
diff --git a/src/community/components/form/input-group/input-group.stories.ts b/src/community/components/form/input-group/input-group.stories.ts
index 788383939..335d2fb8b 100644
--- a/src/community/components/form/input-group/input-group.stories.ts
+++ b/src/community/components/form/input-group/input-group.stories.ts
@@ -35,6 +35,11 @@ type Story = StoryObj;
const meta: Meta = {
title: "Community/Form/InputGroup",
component: InputGroupComponent,
+ parameters: {
+ status: {
+ type: ["existsInTediReady", "deprecated"],
+ },
+ },
argTypes: {
label: {
control: "text",