### File

`packages/components/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.ts`

### Description

Body component for `eui-overlay` that provides a structured content container within the overlay content area. Serves as a semantic wrapper for main body content with consistent padding and spacing. Typically used within `eui-overlay-content` to organize content sections. Must be used as a child of `eui-overlay-content` to maintain proper layout hierarchy.

### Basic Usage

Example :

    <eui-overlay [isActive]="true">
      <eui-overlay-content>
        <eui-overlay-body>
          <p>Body content with consistent padding</p>
        </eui-overlay-body>
      </eui-overlay-content>
    </eui-overlay>

### Accessibility

- Provides semantic structure for content organization
- Maintains proper content hierarchy

### Notes

- Used within `eui-overlay-content`
- Applies consistent padding to content

### Metadata

changeDetection | `ChangeDetectionStrategy.Default`
encapsulation | `ViewEncapsulation.None`
selector | `eui-overlay-body`

template

    <ng-content/>

### Index

###### HostBindings

- class

###### Accessors

- cssClasses

### HostBindings

class
Type : `string`

### Accessors

cssClasses
get `cssClasses()`

# results matching ""

# No results matching ""