packages/eui/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
|
selector | eui-accordion-item |
imports |
EUI_ICON
CdkAccordionModule
|
templateUrl | ./eui-accordion-item.component.html |
styleUrl | ./eui-accordion-item.scss |
Methods |
HostBindings |
Accessors |
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
|