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>
This commit is contained in:
Laura Gorzitze
2024-07-25 08:38:04 +02:00
parent 5bf5782f98
commit 9df1389944
2 changed files with 5 additions and 0 deletions

View File

@@ -0,0 +1,2 @@
- type: Added
description: Possibility to add explanatory line in Chip Input

View File

@@ -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}