eui documentation
  1. Components
  2. EuiPageColumnHeader

File

packages/components/eui-page-v2/eui-page-columns/eui-page-column-header.ts

Description

Header container for page columns with collapse/expand functionality.

Example :
<eui-page-column-header>
  <eui-page-column-header-label>Filters</eui-page-column-header-label>
  <eui-page-column-header-sub-label>Active filters: 3</eui-page-column-header-sub-label>
</eui-page-column-header>

Accessibility

  • Collapse button has descriptive aria-labels
  • Keyboard accessible with Enter and Space

Notes

  • Automatically integrates with parent eui-page-column collapse state
  • Use sub-components for structured header content

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector eui-page-column-header
imports EUI_BUTTON EUI_ICON
templateUrl ./eui-page-column-header.html
styleUrl ./eui-page-column-header.scss

Index

Properties
Methods
Inputs
HostBindings

Inputs

collapseAriaLabel
Type : string
expandAriaLabel
Type : string

HostBindings

class
Type : string
Default value : 'eui-page-column-header'

Methods

Public onToggle
onToggle()
Returns : void

Properties

string
Type : string
Default value : 'eui-page-column-header'
Decorators :
@HostBinding('class')

results matching ""

    No results matching ""