### File

`packages/components/eui-card/eui-card.component.ts`

### Description

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.

### Implements

`AfterContentInit` `OnDestroy` `OnInit` `OnChanges`

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
HostDirectives | `BaseStatesDirective` Inputs : euiPrimary euiSecondary euiInfo euiSuccess euiWarning euiDanger euiAccent euiHighlighted euiDisabled euiLoading euiSizeXS euiSizeS euiSizeM euiSizeL euiSizeXL euiSize2XL euiSizeVariant
providers | `UiStateService`
selector | `eui-card`
templateUrl | `./eui-card.component.html`
styleUrl | `./eui-card.scss`

### Index

###### Properties
Public uiStateService
###### Inputs
e2eAttr euiCollapsed euiCollapsible euiHoverable euiNoContentPadding euiNoShadow euiSelected euiUrgent
###### Outputs
collapse
###### HostBindings
class
###### Accessors
cssClasses

### Inputs

e2eAttr
Type : `string`
Default value : `'eui-card'`
Sets the `data-e2e` attribute at the host element.

euiCollapsed
Type : `boolean`
Default value : `false`
Sets the `euiCollapsed` attribute which collapses the card content.

euiCollapsible
Type : `boolean`
Default value : `false`
Sets the `euiCollapsible` attribute which shows the collapsible toggle in the header.

euiHoverable
Type : `boolean`
Default value : `false`
Sets the `euiHoverable` attribute in order to show the hover effect on the card.

euiNoContentPadding
Type : `boolean`
Default value : `false`
Sets the `euiNoContentPadding` attribute in order to remove the padding from the card content.

euiNoShadow
Type : `boolean`
Default value : `false`
Sets the `euiNoShadow` attribute in order to remove the shadow from the card.

euiSelected
Type : `boolean`
Default value : `false`
Sets the `euiSelected` attribute in order to show the card header as selected.

euiUrgent
Type : `boolean`
Default value : `false`
Sets the `euiUrgent` attribute in order to show the card header as urgent.

### Outputs

collapse
Type : `EventEmitter<boolean>`
Event emitted when the card collapses.

### HostBindings

class
Type : `string`

### Properties

Public uiStateService
Type : `UiStateService`
Default value : `inject(UiStateService)`

### Accessors

cssClasses
get `cssClasses()`
Computes and returns the CSS classes for the component based on its current state. Returns : `string`

# results matching ""

# No results matching ""