diff --git a/apps/showcase/doc/cascadeselect/pt/PTViewer.vue b/apps/showcase/doc/cascadeselect/pt/PTViewer.vue
index e5800ff95..c0e7c6e45 100644
--- a/apps/showcase/doc/cascadeselect/pt/PTViewer.vue
+++ b/apps/showcase/doc/cascadeselect/pt/PTViewer.vue
@@ -1,6 +1,6 @@
 <template>
     <DocPTViewer :docs="docs">
-        <CascadeSelect v-model="selectedCity" :options="countries" optionLabel="cname" optionGroupLabel="name" :optionGroupChildren="['states', 'cities']" style="min-width: 14rem" placeholder="Select a City" />
+        <CascadeSelect v-model="selectedCity" :options="countries" optionLabel="cname" optionGroupLabel="name" :optionGroupChildren="['states', 'cities']" showClear style="min-width: 14rem" placeholder="Select a City" />
     </DocPTViewer>
 </template>
 
diff --git a/apps/showcase/doc/multiselect/pt/PTViewer.vue b/apps/showcase/doc/multiselect/pt/PTViewer.vue
index bccc5ce99..e0aee6f84 100644
--- a/apps/showcase/doc/multiselect/pt/PTViewer.vue
+++ b/apps/showcase/doc/multiselect/pt/PTViewer.vue
@@ -1,6 +1,6 @@
 <template>
     <DocPTViewer :docs="docs">
-        <MultiSelect v-model="selectedCities" :options="groupedCities" optionLabel="label" filter optionGroupLabel="label" optionGroupChildren="items" display="chip" placeholder="Select Cities" class="w-full md:w-80">
+        <MultiSelect v-model="selectedCities" :options="groupedCities" optionLabel="label" filter optionGroupLabel="label" optionGroupChildren="items" display="chip" showClear placeholder="Select Cities" class="w-full md:w-80">
             <template #optiongroup="slotProps">
                 <div class="flex items-center">
                     <img :alt="slotProps.option.label" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" :class="`flag flag-${slotProps.option.code.toLowerCase()} mr-2`" style="width: 18px" />
diff --git a/apps/showcase/doc/select/pt/PTViewer.vue b/apps/showcase/doc/select/pt/PTViewer.vue
index df8fde02e..768713634 100644
--- a/apps/showcase/doc/select/pt/PTViewer.vue
+++ b/apps/showcase/doc/select/pt/PTViewer.vue
@@ -1,6 +1,6 @@
 <template>
     <DocPTViewer :docs="docs">
-        <Select v-model="selectedCity" filter :options="groupedCities" optionLabel="label" optionGroupLabel="label" optionGroupChildren="items" placeholder="Select a City" class="w-full md:w-56">
+        <Select v-model="selectedCity" filter :options="groupedCities" optionLabel="label" optionGroupLabel="label" optionGroupChildren="items" showClear placeholder="Select a City" class="w-full md:w-56">
             <template #optiongroup="slotProps">
                 <div class="flex items-center">
                     <img :alt="slotProps.option.label" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" :class="`mr-2 flag flag-${slotProps.option.code.toLowerCase()}`" style="width: 18px" />
diff --git a/apps/showcase/doc/treeselect/pt/PTViewer.vue b/apps/showcase/doc/treeselect/pt/PTViewer.vue
index 54648d51e..28682b866 100644
--- a/apps/showcase/doc/treeselect/pt/PTViewer.vue
+++ b/apps/showcase/doc/treeselect/pt/PTViewer.vue
@@ -1,6 +1,6 @@
 <template>
     <DocPTViewer :docs="docs">
-        <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="checkbox" placeholder="Select Item" class="md:w-80 w-full" />
+        <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="checkbox" showClear placeholder="Select Item" class="md:w-80 w-full" />
     </DocPTViewer>
 </template>