csdr documentation
  1. Components
  2. EuiCardComponent

File

packages/eui/packages/components-next/src/lib/components/eui-card/eui-card.component.ts

Extends

BaseDirective

Implements

AfterContentInit OnDestroy OnInit

Metadata

changeDetection ChangeDetectionStrategy.OnPush
encapsulation ViewEncapsulation.None
providers UiStateService
selector eui-card
styleUrls ./styles/_index.scss
templateUrl ./eui-card.component.html

Index

Properties
Inputs
Outputs
HostBindings
Accessors

Constructor

constructor(uiStateService: UiStateService)

TODO: a11y features to be added. Since there is no a11y card pattern (https://a11yproject.com/patterns/) Consider using Material CdK and the FocusMonitor injectable service : See: https://material.angular.io/cdk/a11y/overview

Parameters :
Name Type Optional
uiStateService UiStateService No

Inputs

e2eAttr
Type : string
Default value : 'eui-card'
euiCollapsed
euiCollapsible
euiEditable
euiFlat
euiHoverable
euiInverted
euiNoContentPadding
euiNoShadow
euiSelected
euiUrgent

Outputs

onCollapsed
Type : EventEmitter<any>

HostBindings

class

Properties

_euiCollapsed
Default value : false
_euiCollapsible
Default value : false
_euiEditable
Default value : false
_euiFlat
Default value : true
_euiHoverable
Default value : false
_euiInverted
Default value : false
_euiNoContentPadding
Default value : false
_euiNoShadow
Default value : false
_euiSelected
Default value : false
_euiUrgent
Default value : false
cardContent
Type : QueryList<EuiCardContentComponent>
Decorators :
@ContentChild(undefined, {static: false})
cardFooter
Type : QueryList<EuiCardFooterComponent>
Decorators :
@ContentChild(undefined, {static: false})
cardHeader
Type : QueryList<EuiCardHeaderComponent>
Decorators :
@ContentChild(undefined, {static: false})
cardMedia
Type : QueryList<EuiCardMediaComponent>
Decorators :
@ContentChild(undefined, {static: false})
Public uiStateService
Type : UiStateService

Accessors

euiSelected
seteuiSelected(value)
Parameters :
Name Optional
value No
Returns : void
euiCollapsible
seteuiCollapsible(value)
Parameters :
Name Optional
value No
Returns : void
euiCollapsed
seteuiCollapsed(value)
Parameters :
Name Optional
value No
Returns : void
euiUrgent
seteuiUrgent(value)
Parameters :
Name Optional
value No
Returns : void
euiNoShadow
seteuiNoShadow(value)
Parameters :
Name Optional
value No
Returns : void
euiNoContentPadding
seteuiNoContentPadding(value)
Parameters :
Name Optional
value No
Returns : void
euiHoverable
seteuiHoverable(value)
Parameters :
Name Optional
value No
Returns : void
euiFlat
seteuiFlat(value)
Parameters :
Name Optional
value No
Returns : void
euiInverted
seteuiInverted(value)
Parameters :
Name Optional
value No
Returns : void
euiEditable
seteuiEditable(value)
Parameters :
Name Optional
value No
Returns : void

result-matching ""

    No results matching ""