eui documentation
  1. Components
  2. EuiCardComponent

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
Inputs
Outputs
HostBindings
Accessors

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
getcssClasses()

Computes and returns the CSS classes for the component based on its current state.

Returns : string

results matching ""

    No results matching ""