diff --git a/src/components/panel/Panel.d.ts b/src/components/panel/Panel.d.ts index 68820b27a5..84a3590e3a 100644 --- 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 {} \ No newline at end of file +export class Panel extends React.Component {} diff --git a/src/showcase/panel/PanelDoc.js b/src/showcase/panel/PanelDoc.js index 064590b8fe..8941586a12 100644 --- a/src/showcase/panel/PanelDoc.js +++ b/src/showcase/panel/PanelDoc.js @@ -132,7 +132,7 @@ import { Panel } from 'primereact/panel'; `} -

Instead of simple strings, header propery also can be used to provide custom content as JSX.

+

header propery also can be used to provide custom content as JSX.

Toggleable

Content of the panel can be expanded and collapsed using toggleable option. A toggleable panel can either be used as a Controlled or Uncontrolled component.

@@ -184,9 +184,9 @@ import { Panel } from 'primereact/panel'; header - string + any null - Header text of the panel. + Custom header template of the panel. toggleable @@ -194,6 +194,12 @@ import { Panel } from 'primereact/panel'; false Defines if content of panel can be expanded and collapsed. + + icons + any + null + Custom icons template for the header. + style object