# EuiPageHeader

**Type:** component

<p>Page header component that displays the page title, subtitle, and optional collapsible content.
Supports multi-line layouts and action items for page-level controls.</p>
<h3>Basic usage</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-header label=&quot;Dashboard&quot; subLabel=&quot;Overview&quot;&gt;&lt;/eui-page-header&gt;</code></pre></div><h3>With tooltips</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-header
  label=&quot;Settings&quot;
  labelTooltip=&quot;Application settings&quot;
  subLabel=&quot;Configuration&quot;
  subLabelTooltip=&quot;Manage your preferences&quot;&gt;
&lt;/eui-page-header&gt;</code></pre></div><h3>Collapsible header</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page-header
  [isCollapsible]=&quot;true&quot;
  [isCollapsed]=&quot;collapsed&quot;
  collapsedLabel=&quot;Expand details&quot;
  expandedLabel=&quot;Collapse details&quot;
  (collapse)=&quot;onCollapse($event)&quot;&gt;
  &lt;eui-page-header-body&gt;
    Additional header content
  &lt;/eui-page-header-body&gt;
&lt;/eui-page-header&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Label should be the main page heading (h1)</li>
<li>Collapse button has descriptive aria-label</li>
<li>Tooltips provide additional context for screen readers</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Use <code>isHeaderMultilines</code> for headers with wrapping content</li>
<li>Action items can be added via eui-page-header-action-items</li>
<li>Collapsible mode useful for hiding secondary information</li>
</ul>


**Selector:** `eui-page-header`

**Standalone:** false

## Inputs

- **collapsedLabel**: `string` - 
- **expandedLabel**: `string` - 
- **isCollapsed**: `boolean` - 
- **isCollapsible**: `boolean` - 
- **isHeaderMultilines**: `boolean` - 
- **label**: `any` - 
- **labelTooltip**: `any` - 
- **subLabel**: `any` - 
- **subLabelTooltip**: `any` - 

## Outputs

- **collapse**: `EventEmitter` - 
