diff --git a/api-generator/components/listbox.js b/api-generator/components/listbox.js
index 0066ea0c5..58844f546 100644
--- a/api-generator/components/listbox.js
+++ b/api-generator/components/listbox.js
@@ -236,35 +236,39 @@ const ListboxEvents = [
const ListboxSlots = [
{
name: 'option',
- description: "Custom content for the item's option"
+ description: "Custom content for the item's option."
},
{
name: 'optiongroup',
- description: "Custom content for the item's optiongroup"
+ description: "Custom content for the item's optiongroup."
},
{
name: 'header',
- description: "Custom content for the component's header"
+ description: "Custom content for the component's header."
},
{
name: 'footer',
- description: "Custom content for the component's footer"
+ description: "Custom content for the component's footer."
},
{
name: 'emptyfilter',
- description: 'Custom content when there is no filtered data to display'
+ description: 'Custom content when there is no filtered data to display.'
},
{
name: 'empty',
- description: 'Custom content when there is no data to display'
+ description: 'Custom content when there is no data to display.'
},
{
name: 'content',
- description: 'Custom content for the virtual scroller'
+ description: 'Custom content for the virtual scroller.'
},
{
name: 'loader',
- description: 'Custom content for the virtual scroller loader items'
+ description: 'Custom content for the virtual scroller loader items.'
+ },
+ {
+ name: 'filtericon',
+ description: 'Custom filter icon template.'
}
];
diff --git a/components/lib/listbox/Listbox.d.ts b/components/lib/listbox/Listbox.d.ts
index 343683ebd..2ec226744 100755
--- a/components/lib/listbox/Listbox.d.ts
+++ b/components/lib/listbox/Listbox.d.ts
@@ -285,6 +285,10 @@ export interface ListboxSlots {
*/
options: any[];
}): VNode[];
+ /**
+ * Custom filter icon template.
+ */
+ filtericon(): VNode[];
}
/**
diff --git a/components/lib/listbox/Listbox.vue b/components/lib/listbox/Listbox.vue
index df5d74f54..fb5be9f79 100755
--- a/components/lib/listbox/Listbox.vue
+++ b/components/lib/listbox/Listbox.vue
@@ -20,7 +20,10 @@
@keydown="onFilterKeyDown"
v-bind="filterInputProps"
/>
-
+
+
+
+
{{ filterResultMessageText }}
@@ -95,6 +98,7 @@