# EuiContentCardComponent

**Type:** component



The eui-card component is based on Material Design and provides a content container for text, photos and actions in the context of a single subject.


**Selector:** `eui-content-card`

## Inputs
- **e2eAttr**: `string` - Sets the `data-e2e` attribute at the host element.
- **isBookmarkable**: `boolean` - Sets the `isBookmarkable` attribute which is adding a bookmark toggle to the card header end-block.
- **isBookmarked**: `boolean` - Sets the `isBookmarkable` attribute which is adding a bookmark toggle to the card header end-block.
- **isCollapsed**: `boolean` - Sets the `isCollapsed` attribute which collapses the card content.
- **isCollapsible**: `boolean` - Sets the `isCollapsible` attribute which shows the collapsible toggle in the header.
- **isSelectable**: `boolean` - Sets the `isSelectable` attribute in order to show the card header checkbox for selection
- **isSelected**: `boolean` - Sets the `isSelected` attribute in order to show the card header as selected.

## Outputs
- **cardBookmark**: `EventEmitter` - Event emitted when the card is bookmarked.
- **cardCollapse**: `EventEmitter` - Event emitted when the card is bookmarked.
- **cardSelect**: `EventEmitter` - Event emitted when the card is selected.
