# elementor/3.8.0-beta1/app/assets/js/ui/panel/panel-header.js

Elementor Website Builder – more than just a page builder, version 3.8.0-beta1. 30 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/assets/js/ui/panel/panel-header.js
- Raw: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/raw/app/assets/js/ui/panel/panel-header.js
- Modified: 2022-09-19T16:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/assets/js/ui/panel/panel-header.js#L10-L20`.

```javascript
import { arrayToClassName } from 'elementor-app/utils/utils.js';

import Card from 'elementor-app/ui/card/card';
import Collapse from 'elementor-app/molecules/collapse';

export default function PanelHeader( props ) {
	return (
		<Collapse.Toggle active={ props.toggle } showIcon={ props.showIcon }>
			<Card.Header padding="20" className={ arrayToClassName( [ 'eps-panel__header', props.className ] ) }>
				{ props.children }
			</Card.Header>
		</Collapse.Toggle>
	);
}

PanelHeader.propTypes = {
	className: PropTypes.string,
	padding: PropTypes.string,
	toggle: PropTypes.bool,
	showIcon: PropTypes.bool,
	children: PropTypes.any.isRequired,
};

PanelHeader.defaultProps = {
	className: '',
	padding: '20',
	toggle: true,
	showIcon: true,
};

```