Fixed #6504 - CascadeSelect: new header and footer slots

primefaces · Oct 1, 2024 · 58a750d · 58a750d
1 parent 920765f
commit 58a750d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/primevue/src/cascadeselect/CascadeSelect.d.ts b/packages/primevue/src/cascadeselect/CascadeSelect.d.ts
@@ -502,6 +502,14 @@ export interface CascadeSelectSlots {
          */
         class: string;
     }): VNode[];
+    /**
+     * Custom header template.
+     */
+    header(): VNode[];
+    /**
+     * Custom footer template.
+     */
+    footer(): VNode[];
 }
 
 /**

diff --git a/packages/primevue/src/cascadeselect/CascadeSelect.vue b/packages/primevue/src/cascadeselect/CascadeSelect.vue
@@ -53,6 +53,7 @@
                     @keydown="onOverlayKeyDown"
                     v-bind="{ ...panelProps, ...overlayProps, ...ptm('overlay') }"
                 >
+                    <slot name="header" />
                     <div :class="cx('listContainer')" v-bind="ptm('listContainer')">
                         <CascadeSelectSub
                             :id="id + '_tree'"
@@ -79,6 +80,7 @@
                     <span role="status" aria-live="polite" class="p-hidden-accessible" v-bind="ptm('hiddenSelectedMessage')" :data-p-hidden-accessible="true">
                         {{ selectedMessageText }}
                     </span>
+                    <slot name="footer" />
                 </div>
             </transition>
         </Portal>