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

<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

<ng-content/>