### File

`packages/components/eui-page/components/eui-page-header/components/eui-page-header-sub-label.component.ts`

### Description

Secondary descriptive text component for the page header (v1). Displays supplementary information below the main page header label. Provides additional context or description for the page content.

### Basic usage

Example :

    <eui-page-header label="User Settings">
      <eui-page-header-sub-label>
        Manage your account preferences and security settings
      </eui-page-header-sub-label>
    </eui-page-header>

### Accessibility

- Use clear, concise descriptive text
- Ensure sufficient color contrast for readability
- Text should complement, not duplicate, the main label

### Notes

- Must be used within eui-page-header component
- Provides secondary descriptive information
- Automatically styled and positioned in header layout

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
encapsulation | `ViewEncapsulation.None`
selector | `eui-page-header-sub-label`

template

    <ng-content/>

### Index

###### HostBindings

- class

###### Accessors

- cssClasses

### HostBindings

class
Type : `string`

### Accessors

cssClasses
get `cssClasses()`

# results matching ""

# No results matching ""