# EuiOverlayHeaderTitleComponent

**Type:** component

<p>Title component for eui-overlay-header that displays a labeled heading with optional count badge and close button.
Provides structured title area with consistent styling and accessibility features.
Automatically includes a close/hide button that emits events for overlay dismissal.
Must be used within eui-overlay-header to maintain proper header structure.</p>


**Selector:** `eui-overlay-header-title`

**Standalone:** false

## Inputs

- **headerTitleCount**: `string` - <p>Count value displayed as a badge next to the title.
Typically shows the number of items, notifications, or related content.
Rendered as a visual badge component when provided.</p>

- **headerTitleHideLabel**: `string` - <p>Accessible label for the close/hide button in the header.
Provides screen reader text describing the button&#39;s action.</p>

- **headerTitleLabel**: `string` - <p>Primary text label displayed as the overlay header title.
Provides the main heading text for the overlay content.</p>


## Outputs

- **hide**: `EventEmitter<any>` - <p>Emitted when the close/hide button in the header is clicked.
Signals that the overlay should be dismissed or hidden.
No specific payload is provided.</p>

