From 8ff6f37f5479a7e887af7c4ed73fac6c790f5ff1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Fri, 12 Aug 2022 15:03:33 +0300
Subject: [PATCH] Chips | placeholder prop

---
 api-generator/components/chips.js | 6 ++++++
 src/components/chips/Chips.d.ts   | 4 ++++
 src/components/chips/Chips.vue    | 6 +++++-
 src/views/chips/ChipsDoc.vue      | 6 ++++++
 4 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/api-generator/components/chips.js b/api-generator/components/chips.js
index 1dc3ff05c..e5bdb5690 100644
--- a/api-generator/components/chips.js
+++ b/api-generator/components/chips.js
@@ -35,6 +35,12 @@ const ChipsProps = [
         default: "false",
         description: "When present, it specifies that the element should be disabled."
     },
+    {
+        name: "placeholder",
+        type: "string",
+        default: "null",
+        description: "Placeholder text for the input."
+    },
     {
         name: "inputId",
         type: "string",
diff --git a/src/components/chips/Chips.d.ts b/src/components/chips/Chips.d.ts
index c2f33e96f..4a64643e2 100755
--- a/src/components/chips/Chips.d.ts
+++ b/src/components/chips/Chips.d.ts
@@ -59,6 +59,10 @@ export interface ChipsProps {
      * When present, it specifies that the element should be disabled.
      */
     disabled?: boolean | undefined;
+    /**
+     * Placeholder text for the input.
+     */
+    placeholder?: string | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      */
diff --git a/src/components/chips/Chips.vue b/src/components/chips/Chips.vue
index 1092a28ae..f38690b84 100755
--- a/src/components/chips/Chips.vue
+++ b/src/components/chips/Chips.vue
@@ -10,7 +10,7 @@
                 <span class="p-chips-token-icon pi pi-times-circle" @click="removeItem($event, i)" aria-hidden="true"></span>
             </li>
             <li class="p-chips-input-token" role="option">
-                <input ref="input" type="text" :id="inputId" :class="inputClass" :style="inputStyle" :disabled="disabled || maxedOut"
+                <input ref="input" type="text" :id="inputId" :class="inputClass" :style="inputStyle" :disabled="disabled || maxedOut" :placeholder="placeholder"
                     @focus="onFocus($event)" @blur="onBlur($event)" @input="onInput" @keydown="onKeyDown($event)" @paste="onPaste($event)" v-bind="inputProps">
             </li>
         </ul>
@@ -44,6 +44,10 @@ export default {
             type: Boolean,
             default: true
         },
+        placeholder: {
+            type: String,
+            default: null
+        },
         inputId: null,
         inputClass: null,
         inputStyle: null,
diff --git a/src/views/chips/ChipsDoc.vue b/src/views/chips/ChipsDoc.vue
index 2f51374fb..498f28e0c 100755
--- a/src/views/chips/ChipsDoc.vue
+++ b/src/views/chips/ChipsDoc.vue
@@ -83,6 +83,12 @@ import Chips from 'primevue/chips';
                         <td>false</td>
                         <td>When present, it specifies that the element should be disabled.</td>
                     </tr>
+                    <tr>
+                        <td>placeholder</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Placeholder text for the input.</td>
+                    </tr>
                     <tr>
                         <td>inputId</td>
                         <td>string</td>