Fixed #277 - Placeholder for Chips

src/components/chips/Chips.d.ts

@@ -7,6 +7,7 @@ export declare class Chips extends Vue {
     addOnBlur?: boolean;
     allowDuplicate?: boolean;
     separator?: string;
+    placeholder?: string;
     $emit(eventName: 'focus', event: Event): this;
     $emit(eventName: 'blur', event: Event): this;
     $emit(eventName: 'input', value: any[]): this;

src/components/chips/Chips.vue

@@ -8,7 +8,7 @@
                 </slot>
             </li>
             <li class="p-chips-input-token">
-                <input ref="input" type="text" class="p-inputtext p-component" @focus="onFocus($event)" @blur="onBlur($event)"
+                <input ref="input" type="text" class="p-inputtext p-component" @focus="onFocus($event)" @blur="onBlur($event)" :placeholder="placeholder"
                     @keydown="onKeyDown($event)" @paste="onPaste($event)" :disabled="$attrs.disabled || maxedOut" :aria-labelledby="ariaLabelledBy">
             </li>
         </ul>
@@ -41,6 +41,10 @@ export default {
         allowDuplicate: {
             type: Boolean,
             default: true
+        },
+        placeholder: {
+            type: String,
+            default: null
         }
     },
     data() {

src/views/chips/ChipsDoc.vue

@@ -76,6 +76,12 @@ import Chips from 'primevue/chips';
                                 <td>string</td>
                                 <td>null</td>
                                 <td>Separator char to add an item when pressed in addition to the enter key. Currently only possible value is ","</td>
+                            </tr>
+                            <tr>
+                                <td>placeholder</td>
+                                <td>string</td>
+                                <td>null</td>
+                                <td>Specifies a short hint that describes the expected value of the input field.</td>
                             </tr>
 						</tbody>
 					</table>