### 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
Public baseDirective
###### HostBindings
class
###### Accessors
cssClasses

### Constructor

`constructor(baseDirective: ECLBaseDirective)`
Parameters :
Name | Type | Optional
baseDirective | `ECLBaseDirective` | No

### HostBindings

class
Type : `string`

### Properties

Public baseDirective
Type : `ECLBaseDirective`

### 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 ""