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

<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

<ng-content/>