packages/components/eui-card/components/eui-card-header/eui-card-header.component.ts
The eui-card-header component provides the header options of the eui-card.
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | eui-card-header |
| imports |
NgTemplateOutlet
AsyncPipe
EUI_ICON
EUI_ICON_BUTTON_EXPANDER
|
| templateUrl | ./eui-card-header.component.html |
| styleUrl | ./eui-card-header.scss |
Properties |
Methods |
|
Inputs |
Outputs |
HostBindings |
| collapseLabel |
Type : string
|
Default value : 'collapse'
|
|
Sets the collapseLabel Input property. |
| expandLabel |
Type : string
|
Default value : 'expand'
|
|
Sets the expandLabel Input property. |
| hasBottomExpander |
Type : boolean
|
Default value : false
|
|
Input property to expand the bottom part of the card header. |
| hasFullTitle |
Type : boolean
|
Default value : false
|
|
Input property to display the title within the full card container's width. |
| hasHeaderClickToggle |
Type : boolean
|
Default value : true
|
|
Input property to enable/disable the header click toggle. |
| isHeaderMultilines |
Type : boolean
|
Default value : false
|
|
Input property to display the title & subtitle content in multiple lines. |
| collapse |
Type : EventEmitter
|
|
Event emitted when the card header collapses. |
| class |
Type : string
|
Default value : 'eui-card-header'
|
|
Binds the class to the component. |
| Public onToggle | ||||||||
onToggle(event: Event)
|
||||||||
|
Fires when the icon button expander is clicked/pressed to expand/collapse the bottom expander.
Parameters :
Returns :
void
|
| Public onToggleHeader |
onToggleHeader()
|
|
Toggles the header when the header is clicked and emits the isCollapsed state.
Returns :
void
|
| string |
Type : string
|
Default value : 'eui-card-header'
|
Decorators :
@HostBinding('class')
|
|
Binds the class to the component. |
| uiStateService |
Default value : inject(UiStateService)
|