### File

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

### Description

Container for the main content area of the card. Supports optional top section for highlighted content. Content is hidden when the card is collapsed.

### Basic Body

Example :

    <eui-content-card-body>
        <p>Main card content goes here</p>
    </eui-content-card-body>

### With Top Section

Example :

    <eui-content-card-body>
        <eui-content-card-body-top>
            <div class="eui-u-bg-info-light eui-u-p-s">
                Important notice or highlighted content
            </div>
        </eui-content-card-body-top>
        <p>Regular card content follows</p>
    </eui-content-card-body>

### Accessibility

- Use semantic HTML elements for content structure
- Ensure proper heading hierarchy within body content
- Maintain sufficient color contrast for all text
- Make interactive elements keyboard accessible

### Notes

- Primary content container for the card
- Automatically hidden when parent card is collapsed
- Can contain any HTML content or components
- Use body-top for content that needs visual separation

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
selector | `eui-content-card-body`
templateUrl | `./eui-content-card-body.component.html`
styleUrl | `./eui-content-card-body.scss`

### Index

###### Properties

- string

###### HostBindings

- class

### HostBindings

class
Type : `string`
Default value : `'eui-content-card-body'`
Binds the class to the component.

### Properties

string
Type : `string`
Default value : `'eui-content-card-body'`
Decorators : `@HostBinding('class')`
Binds the class to the component.

# results matching ""

# No results matching ""