From 05672ca38b2be54f880c9db239852225b78275af Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 19 Feb 2025 14:26:07 +0300
Subject: [PATCH] Update ClearIconDoc.vue

---
 apps/showcase/doc/multiselect/ClearIconDoc.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/showcase/doc/multiselect/ClearIconDoc.vue b/apps/showcase/doc/multiselect/ClearIconDoc.vue
index 89b0e8747..9ed9b7bf8 100644
--- a/apps/showcase/doc/multiselect/ClearIconDoc.vue
+++ b/apps/showcase/doc/multiselect/ClearIconDoc.vue
@@ -22,14 +22,12 @@ export default {
             ],
             code: {
                 basic: `
-<MultiSelect v-model="selectedCities" :options="cities" optionLabel="name" filter placeholder="Select Cities"
-    :maxSelectedLabels="3" class="w-full md:w-80" />
+<MultiSelect v-model="selectedCities" showClear :options="cities" optionLabel="name" filter placeholder="Select Cities" :maxSelectedLabels="3" class="w-full md:w-80" />
 `,
                 options: `
 <template>
     <div class="card flex justify-center">
-        <MultiSelect v-model="selectedCities" :options="cities" optionLabel="name" filter placeholder="Select Cities"
-            :maxSelectedLabels="3" class="w-full md:w-80" />
+        <MultiSelect v-model="selectedCities" showClear :options="cities" optionLabel="name" filter placeholder="Select Cities" :maxSelectedLabels="3" class="w-full md:w-80" />
     </div>
 </template>
 
@@ -53,8 +51,7 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-center">
-        <MultiSelect v-model="selectedCities" :options="cities" optionLabel="name" filter placeholder="Select Cities"
-            :maxSelectedLabels="3" class="w-full md:w-80" />
+        <MultiSelect v-model="selectedCities" showClear :options="cities" optionLabel="name" filter placeholder="Select Cities" :maxSelectedLabels="3" class="w-full md:w-80" />
     </div>
 </template>