Fixed #1748 - Add icons property to Panel

primefaces · Jan 9, 2021 · 7ed55cf · 7ed55cf
1 parent 182f973
commit 7ed55cf
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/components/panel/Panel.d.ts b/src/components/panel/Panel.d.ts
@@ -7,11 +7,12 @@ interface PanelProps {
     style?: object;
     className?: string;
     collapsed?: boolean;
-    expandIcon?: string,
-    collapseIcon?: string,
+    expandIcon?: string;
+    collapseIcon?: string;
+    icons?: any;
     onExpand?(event: Event): void;
     onCollapse?(event: Event): void;
     onToggle?(e: {event: Event, value: boolean}): void;
 }
 
-export class Panel extends React.Component<PanelProps,any> {}
+export class Panel extends React.Component<PanelProps,any> {}
diff --git a/src/showcase/panel/PanelDoc.js b/src/showcase/panel/PanelDoc.js
@@ -132,7 +132,7 @@ import { Panel } from 'primereact/panel';
 `}
 </CodeHighlight>
 
-            <p>Instead of simple strings, <i>header</i> propery also can be used to provide custom content as JSX.</p>
+            <p><i>header</i> propery also can be used to provide custom content as JSX.</p>
 
             <h5>Toggleable</h5>
             <p>Content of the panel can be expanded and collapsed using <i>toggleable</i> option. A toggleable panel can either be used as a Controlled or Uncontrolled component.</p>
@@ -184,16 +184,22 @@ import { Panel } from 'primereact/panel';
                         </tr>
                         <tr>
                             <td>header</td>
-                            <td>string</td>
+                            <td>any</td>
                             <td>null</td>
-                            <td>Header text of the panel.</td>
+                            <td>Custom header template of the panel.</td>
                         </tr>
                         <tr>
                             <td>toggleable</td>
                             <td>boolean</td>
                             <td>false</td>
                             <td>Defines if content of panel can be expanded and collapsed.</td>
                         </tr>
+                        <tr>
+                            <td>icons</td>
+                            <td>any</td>
+                            <td>null</td>
+                            <td>Custom icons template for the header.</td>
+                        </tr>
                         <tr>
                             <td>style</td>
                             <td>object</td>