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 @@