# EclExpandableComponent

**Type:** component



Expandable component used to toggle visibility of additional content.
It displays a toggle button with configurable labels and emits an event on toggle.


**Selector:** `ecl-expandable`

## Inputs
- **collapsedLabel**: `string` - The label to display when the content is collapsed.
- **expandedLabel**: `string` - The label to display when the content is expanded. If not set, `collapsedLabel` will be used as fallback.
- **isExpanded**: `boolean` - Whether the expandable content is currently expanded. Default is `false`.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **toggle**: `EventEmitter` - Event emitted when the expandable is toggled. Consumers can prevent default behavior by calling `event.preventDefault()`.
