diff --git a/src/components/multiselect/MultiSelect.vue b/src/components/multiselect/MultiSelect.vue
index 1e98f7269..06f0d50f9 100644
--- a/src/components/multiselect/MultiSelect.vue
+++ b/src/components/multiselect/MultiSelect.vue
@@ -4,7 +4,11 @@
             <input ref="focusInput" type="text" role="listbox" readonly :disabled="disabled" @focus="onFocus" @blur="onBlur" @keydown="onKeyDown" :tabindex="tabindex"/>
         </div>
         <div class="p-multiselect-label-container">
-            <label :class="labelClass">{{label}}</label>
+            <label :class="labelClass">
+                <slot name="value" :value="value">
+                    {{label}}
+                </slot>
+            </label>
         </div>
         <div class="p-multiselect-trigger">
             <span class="p-multiselect-trigger-icon pi pi-chevron-down p-c"></span>
diff --git a/src/views/multiselect/MultiSelectDemo.vue b/src/views/multiselect/MultiSelectDemo.vue
index 6e7e19cd2..fbcfd937b 100644
--- a/src/views/multiselect/MultiSelectDemo.vue
+++ b/src/views/multiselect/MultiSelectDemo.vue
@@ -10,6 +10,25 @@
         <div class="content-section implementation">
             <h3 class="first">Basic</h3>
             <p-multiSelect v-model="selectedCars1" :options="cars" optionLabel="brand" placeholder="Select Brands" />
+
+            <h3>Advanced with Templating and Filtering</h3>
+            <p-multiSelect v-model="selectedCars2" :options="cars" optionLabel="brand" placeholder="Select a Car" :filter="true">
+                <template slot="value" slot-scope="{value}">
+                    <div class="p-multiselect-car-token" v-for="option of value" :key="option.brand">
+                        <img :alt="option.brand" :src="'/demo/images/car/' + option.brand + '.png'" />
+                        <span>{{option.brand}}</span>
+                    </div>
+                    <div class="p-multiselect-empty-car-token" v-if="!value || value.length === 0">
+                        Select Brands
+                    </div>
+                </template>
+                <template slot="option" slot-scope="{option}">
+                    <div class="p-multiselect-car-option">
+                        <img :alt="option.brand" :src="'/demo/images/car/' + option.brand + '.png'" />
+                        <span>{{option.brand}}</span>
+                    </div>
+                </template>
+            </p-multiSelect>
         </div>
     </div>
 </template>
@@ -36,12 +55,15 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .p-multiselect {
     min-width: 12em;
 }
 
 .p-multiselect-car-option {
+    display: inline-block;
+    vertical-align: middle;
+
     img {
         vertical-align: middle;
         margin-right: .5em;
@@ -52,4 +74,30 @@ export default {
         margin-top: .125em;
     }
 }
+
+.p-multiselect-car-token,
+.p-multiselect-empty-car-token {
+    padding: 2px 4px;
+    margin: 0 0.286em 0 0;
+    display: inline-block;
+    vertical-align: middle;
+    height: 1.857em;
+    border-radius: 3px;
+}
+
+.p-multiselect-car-token img {
+    width: 20px;
+    vertical-align: middle;
+    margin-right: .5em
+}
+
+.p-multiselect-car-token {
+    background: #007ad9;
+    color: #ffffff;
+}
+
+.p-multiselect-empty-car-token {
+    background: #d95f00;
+    color: #ffffff;
+}
 </style>