### 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

Example :

    <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

### Metadata

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

template

    <ng-content/>

### Index

###### HostBindings

- class

###### Accessors

- cssClasses

### HostBindings

class
Type : `string`

### Accessors

cssClasses
get `cssClasses()`

# results matching ""

# No results matching ""