packages/components/eui-section-header/eui-section-header.component.ts
Fieldset component that provides a grouped container with optional expand/collapse functionality and customizable label content.
| HostDirectives |
BaseStatesDirective
Inputs : euiPrimary euiSecondary euiSuccess euiInfo euiWarning euiDanger euiVariant euiHighlighted
|
| selector | eui-section-header |
| imports |
EUI_ICON_BUTTON_EXPANDER
|
| templateUrl | ./eui-section-header.component.html |
| styleUrl | ./eui-section-header.scss |
Properties |
|
Methods |
Inputs |
Outputs |
HostBindings |
Accessors |
| e2eAttr |
Type : string
|
Default value : 'eui-section-header'
|
|
Element attribute for e2e testing |
| id |
Type : string
|
|
Unique identifier for the fieldset |
| isExpandable |
Type : boolean
|
Default value : false
|
|
Whether the fieldset can be expanded/collapsed |
| isExpanded |
Type : boolean
|
Default value : true
|
|
Whether the fieldset is currently expanded |
| isFirst |
Type : boolean
|
Default value : false
|
|
Whether this is the first fieldset in a group |
| expand |
Type : EventEmitter<string>
|
|
Event emitted when the fieldset is expanded or collapsed |
| class |
Type : string
|
|
CSS classes applied to the host element |
| onToggle |
onToggle()
|
|
Handles expand/collapse toggle events Emits the fieldset ID when toggled
Returns :
void
|
| Public collapseMenuLabel |
Type : string
|
Default value : 'Collapse'
|
|
Label for collapse button accessibility |
| Public expandMenuLabel |
Type : string
|
Default value : 'Expand'
|
|
Label for expand button accessibility |
| cssClasses |
getcssClasses()
|
|
CSS classes applied to the host element
Returns :
string
|