### File

`packages/ecl/components/ecl-accordion/ecl-accordion.component.ts`

### Description

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.

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
HostDirectives | `ECLBaseDirective`
selector | `ecl-accordion`
imports | `CommonModule` `EUI_ECL_ICON` `TranslateModule`
styles | `:host { display: block; }`
templateUrl | `./ecl-accordion.component.html`

### Index

###### Properties
baseDirective items
###### HostBindings
class
###### Accessors
cssClasses

### Constructor

`constructor()`

### HostBindings

class
Type : `string`
Retrieves and returns the CSS classes for the component based on its current state. Uses `baseDirective` to fetch the appropriate CSS classes.

### Properties

baseDirective
Type : `unknown`
Default value : `inject(ECLBaseDirective)`

items
Type : `QueryList<ElementRef>`
Decorators : `@ContentChildren(undefined, {read: ElementRef})`

### Accessors

cssClasses
get `cssClasses()`
Retrieves and returns the CSS classes for the component based on its current state. Uses `baseDirective` to fetch the appropriate CSS classes. Returns : `string`

# results matching ""

# No results matching ""