# EuiDashboardCardComponent

**Type:** component



Dashboard card component that can display content with various styling options,
including avatar/icon, labels, and clickable behavior.


**Selector:** `eui-dashboard-card`

## Inputs
- **e2eAttr**: `string` - Element attribute for e2e testing
- **hasNoBackgroundAvatar**: `boolean` - Whether to display the avatar without background
- **iconLabel**: `string` - Label for the icon (accessibility)
- **iconSvgName**: `string` - Name of the icon to display
- **iconSvgSize**: `"2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl"` - Size of the icon
- **imageUrl**: `string` - URL for the avatar image
- **isClickeable**: `boolean` - Whether the card is clickable
- **isFlat**: `boolean` - Whether to display the card without elevation
- **isFlatAvatar**: `boolean` - Whether to display the avatar without elevation
- **isHorizontal**: `boolean` - Whether to display the card in horizontal layout
- **isStacked**: `boolean` - Whether to display the card without elevation
- **label**: `string` - Primary label/title of the card
- **labelMaxLines**: `"1" | "2" | "3" | "4" | "5"` - Maximum number of lines for the primary label
- **subLabel**: `string` - Secondary label/subtitle of the card
- **subLabelMaxLines**: `"1" | "2" | "3" | "4" | "5"` - Maximum number of lines for the secondary label
- **url**: `string` - Internal router link URL
- **urlExternal**: `string` - External URL
- **urlExternalTarget**: `string` - Target attribute for external URLs
- **euiPrimary**: `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]]
- **euiVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeXS**: `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]]
- **euiSizeXL**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSize2XL**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiDisabled**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiOutline**: `any` - From host directive: #[[file:BaseStatesDirective.md]]

## Outputs
- **cardClick**: `EventEmitter` - Event emitted when the card is clicked
