# EuiButtonComponent

**Type:** component



A versatile button component that supports various states, sizes, and visual styles.
Can be used as either a button or anchor element with consistent styling.


**Selector:** `button[euiButton], a[euiButton]`

## Inputs
- **e2eAttr**: `string` - 
- **euiAvatarButton**: `boolean` - 
- **euiBasicButton**: `boolean` - 
- **euiBlockButton**: `boolean` - 
- **euiButtonCall**: `boolean` - 
- **euiCTAButton**: `boolean` - 
- **euiDisabled**: `boolean` - 
- **euiIconButton**: `boolean` - 
- **euiLineWrap**: `boolean` - 
- **hasNoFocusRing**: `boolean` - 
- **id**: `string` - 
- **isChecked**: `boolean` - 
- **isCompact**: `boolean` - 
- **euiPrimary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiBranding**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSecondary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSuccess**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiInfo**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiWarning**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiDanger**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiAccent**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiInverse**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeS**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeM**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeL**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiOutline**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiRounded**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiResponsive**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiStart**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiEnd**: `any` - From host directive: #[[file:BaseStatesDirective.md]]

## Outputs
- **buttonClick**: `EventEmitter<EuiButtonComponent>` - Event emitted when the button is clicked Emits the button component instance
