# EuiOverlayHeaderTitleComponent

**Type:** component



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.


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

## Inputs
- **headerTitleCount**: `string` - 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.
- **headerTitleHideLabel**: `string` - Accessible label for the close/hide button in the header. Provides screen reader text describing the button's action.
- **headerTitleLabel**: `string` - Primary text label displayed as the overlay header title. Provides the main heading text for the overlay content.

## Outputs
- **hide**: `EventEmitter<any>` - 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.
