# EuiOverlayFooterComponent

**Type:** component



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
```html
<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


**Selector:** `eui-overlay-footer`