eui documentation
  1. Components
  2. EuiCardHeaderLeftContentComponent

File

packages/components/eui-card/components/eui-card-header/eui-card-header-left-content.component.ts

Description

The eui-card-header-left-content component projects the left content for eui-card-header.

Example :
<eui-card>
    <eui-card-header>
        <eui-card-header-title>
            Card header title
        </eui-card-header-title>
        <eui-card-header-subtitle>
            Card header sub-title
        </eui-card-header-subtitle>
        <eui-card-header-left-content>
            Card header left content
        </eui-card-header-left-content>
        <eui-card-header-right-content>
            Card header right content
        </eui-card-header-right-content>
    </eui-card-header>
    <eui-card-content>
        Card content
    </eui-card-content>
</eui-card>

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector eui-card-header-left-content
template 
<ng-content/>
styleUrl ./eui-card-header-left-content.scss

Index

Inputs
HostBindings
Accessors

Inputs

isTopAligned
Type : boolean
Default value : false

Input property to display the content top aligned (default: center)

HostBindings

class
Type : string

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

Accessors

cssClasses
getcssClasses()

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

Returns : string

results matching ""

    No results matching ""