packages/components/eui-accordion/eui-accordion-item.component.ts
Individual accordion item component that can be expanded/collapsed. Uses Angular CDK's accordion item functionality for managing expansion state and includes collapse animation.
| changeDetection | ChangeDetectionStrategy.OnPush |
| HostDirectives |
CdkAccordionItem
Inputs : expanded: isExpanded
BaseStatesDirective
Inputs : euiSizeS euiSizeM euiSizeL euiSizeVariant euiDisabled
|
| selector | eui-accordion-item |
| imports |
EUI_ICON
CdkAccordionModule
|
| templateUrl | ./eui-accordion-item.component.html |
| styleUrl | ./eui-accordion-item.scss |
Methods |
Outputs |
HostBindings |
Accessors |
| toggleItem |
Type : EventEmitter
|
|
Event emitted when the accordion item is toggled |
| class |
Type : string
|
| onToggle | ||||||||
onToggle(event: Event)
|
||||||||
|
Handles the toggle event for expanding/collapsing the accordion item Prevents event propagation to avoid interfering with parent handlers
Parameters :
Returns :
void
|
| cssClasses |
getcssClasses()
|
|
Computes and returns the CSS classes for the component based on its current state.
Returns :
string
|