packages/ecl/components/ecl-accordion/ecl-accordion.component.ts
Accordion component that manages the expansion and collapsing state of accordion items.
Uses the ECLBaseDirective to apply appropriate CSS classes and manage the visual styling.
This is the main component for the accordion container, responsible for managing the expansion of individual items within the accordion. It provides the functionality to group and organize content in expandable sections.
Example : The main class is `ecl-accordion`, which can be extended with additional classes.| changeDetection | ChangeDetectionStrategy.OnPush |
| HostDirectives |
ECLBaseDirective
|
| selector | ecl-accordion |
| imports |
CommonModule
EUI_ECL_ICON
TranslateModule
|
| styles |
:host {
display: block;
}
|
| templateUrl | ./ecl-accordion.component.html |
Properties |
HostBindings |
Accessors |
constructor()
|
| class |
Type : string
|
|
Retrieves and returns the CSS classes for the component based on its current state.
Uses |
| baseDirective |
Type : unknown
|
Default value : inject(ECLBaseDirective)
|
| items |
Type : QueryList<ElementRef>
|
Decorators :
@ContentChildren(undefined, {read: ElementRef})
|
| cssClasses |
getcssClasses()
|
|
Retrieves and returns the CSS classes for the component based on its current state.
Uses
Returns :
string
|