# EclButtonComponent

**Type:** component



Button component based on ECL design system.
Can render as a `<button>` or `<a>` element depending on usage.
Supports multiple visual variants and optional icon/indicator content.


**Selector:** `button[eclButton], button[ecl-button], a[eclButton]`

## Inputs
- **containerStyleClass**: `string` - Optional additional class to apply to the button container.
- **isIconOnly**: `boolean` - Whether the button should be styled as icon-only. When true, the `ecl-button--icon-only` class is applied.
- **variant**: `"primary" | "secondary" | "tertiary" | "cta" | "ghost" | "ghost-inverted"` - Visual variant of the button. Can be 'primary', 'secondary', 'tertiary', 'cta', 'ghost', or 'ghost-inverted'. Defaults to 'primary'.
- **class**: `string` - 
- **e2eAttr**: `any` - 
- **tabindex**: `number` - 
