# EclTabComponent

**Type:** component



Represents a single tab inside the ECL Tabs component.
Manages its label, state (active, hidden), and interaction events like click or keydown.

Note: The old selector `ecl-tab` is deprecated and will be removed in v20.
Use `div[eclTab]` instead.


**Selector:** `ecl-tab, div[eclTab]`

## Inputs
- **id**: `string` - Unique identifier for the tab.
- **isActive**: `boolean` - Marks the tab as active.
- **isHidden**: `boolean` - Hides the tab when true by applying the `ecl-tabs__item--hidden` CSS class.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 

## Outputs
- **keydownTab**: `EventEmitter` - Emits when a keydown event occurs on the tab.
- **selectTab**: `EventEmitter` - Emits when the tab is selected via click.
