File

packages/components/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.ts

Description

Footer component for eui-overlay that provides a structured bottom section. Typically contains action buttons such as submit, cancel, or other footer controls. Applies consistent styling and spacing for overlay footer content. Must be used as a direct child of eui-overlay to maintain proper layout structure.

Basic Usage

<eui-overlay [isActive]="true">
  <eui-overlay-content>
    <p>Content</p>
  </eui-overlay-content>
  <eui-overlay-footer>
    <button euiButton euiPrimary>Save</button>
    <button euiButton euiSecondary>Cancel</button>
  </eui-overlay-footer>
</eui-overlay>

Accessibility

• Action buttons should have clear labels
• Primary action typically comes first in DOM order

Notes

• Must be direct child of eui-overlay
• Commonly used for action buttons

<ng-content/>