# EuiPageFooter

**Type:** component



Footer container for page layouts that displays actions or information at the bottom of the page.

```html
<eui-page-footer>
  <button euiButton>Save</button>
  <button euiButton euiSecondary>Cancel</button>
</eui-page-footer>
```

### With highlighted state
```html
<eui-page-footer euiHighlighted>
  Footer content
</eui-page-footer>
```

### Accessibility
- Use role="contentinfo" for page-level footer
- Ensure footer actions are keyboard accessible

### Notes
- Supports `euiHighlighted` for visual emphasis
- Typically contains form actions or page-level controls


**Selector:** `eui-page-footer`

## Inputs
- **e2eAttr**: `string` - 
- **euiHighlighted**: `any` - From host directive: #[[file:BaseStatesDirective.md]]