packages/components/eui-page/components/eui-page-panel/eui-page-panel.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| encapsulation | ViewEncapsulation.None |
| HostDirectives |
BaseStatesDirective
Inputs : euiSizeS euiSizeM euiSizeL euiSizeXL euiSize2XL euiSize3XL euiSize4XL euiSize5XL euiSize6XL euiSizeVariant euiHighlighted
|
| selector | eui-page-panel |
| imports |
NgTemplateOutlet
CdkScrollable
AsyncPipe
EUI_ICON
EUI_BUTTON
|
| templateUrl | ./eui-page-panel.component.html |
Methods |
|
Inputs |
Outputs |
HostBindings |
Accessors |
| collapseAriaLabel |
Type : string
|
|
Accessible label for the collapse button when column is expanded. Automatically generated from label if not provided. |
| collapsedLabel |
Type : any
|
|
Primary heading text displayed in the column header. Serves as the title for the column content. |
| expandAriaLabel |
Type : string
|
|
Accessible label for the expand button when column is collapsed. Automatically generated from label if not provided. |
| isCollapsed |
Type : boolean
|
Default value : false
|
|
Controls the collapsed state of the column. When true, minimizes column width and hides content; when false, displays full column. |
| isCollapsible |
Type : boolean
|
Default value : false
|
|
Enables expand/collapse functionality for the column. Adds a toggle button to show or hide column content. |
| isRightCollapsible |
Type : boolean
|
Default value : false
|
|
Positions the collapse button on the right side of the column header. By default, collapse button appears on the left. |
| collapse |
Type : EventEmitter
|
|
Emitted when the column's collapsed state changes via user interaction or automatic triggers. Payload: boolean indicating the new collapsed state (true when collapsed, false when expanded). |
| class |
Type : string
|
| Public onToggle |
onToggle()
|
|
Returns :
void
|
| cssClasses |
getcssClasses()
|