From 9df1389944e91d97bc89f235cc2d6247811a2239 Mon Sep 17 00:00:00 2001
From: Laura Gorzitze <laura.gorzitze@cloudogu.com>
Date: Thu, 25 Jul 2024 08:38:04 +0200
Subject: [PATCH] Improved Chip Input with explanatory line

Modification of the Chip Input component to allow addition of explanatory line

Co-authored-by: Laura Gorzitze<laura.gorzitze@cloudogu.com>
---
 gradle/changelog/improved_label.yml                         | 2 ++
 scm-ui/ui-core/src/base/forms/chip-input/ChipInputField.tsx | 3 +++
 2 files changed, 5 insertions(+)
 create mode 100644 gradle/changelog/improved_label.yml

diff --git a/gradle/changelog/improved_label.yml b/gradle/changelog/improved_label.yml
new file mode 100644
index 0000000000..be1c8659d0
--- /dev/null
+++ b/gradle/changelog/improved_label.yml
@@ -0,0 +1,2 @@
+- type: Added
+  description: Possibility to add explanatory line in Chip Input
diff --git a/scm-ui/ui-core/src/base/forms/chip-input/ChipInputField.tsx b/scm-ui/ui-core/src/base/forms/chip-input/ChipInputField.tsx
index 23ee53aea0..d1b57fc11e 100644
--- a/scm-ui/ui-core/src/base/forms/chip-input/ChipInputField.tsx
+++ b/scm-ui/ui-core/src/base/forms/chip-input/ChipInputField.tsx
@@ -68,6 +68,7 @@ type InputFieldProps<T> = {
   label: string;
   createDeleteText?: (value: string) => string;
   helpText?: string;
+  information?: string;
   error?: string;
   testId?: string;
   id?: string;
@@ -92,6 +93,7 @@ const ChipInputField = function ChipInputField<T>(
   {
     label,
     helpText,
+    information,
     readOnly,
     disabled,
     error,
@@ -124,6 +126,7 @@ const ChipInputField = function ChipInputField<T>(
         {label}
         {helpText ? <Help className="ml-1" text={helpText} /> : null}
       </Label>
+      {information ? <p className="mb-2"> {information} </p> : null}
       <div className={classNames("control", { "is-loading": isLoading })}>
         <StyledChipInput
           value={value}