### File

`packages/components/eui-page-v2/eui-page-footer.ts`

### Description

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

Example :

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

### With highlighted state

Example :

    <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

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
HostDirectives | `BaseStatesDirective` Inputs : euiHighlighted
selector | `eui-page-footer`

template

    <ng-content/>

### Index

###### Inputs

- e2eAttr

###### HostBindings

- class

###### Accessors

- cssClasses

### Inputs

e2eAttr
Type : `string`
Default value : `'eui-page-footer'`

### HostBindings

class
Type : `string`

### Accessors

cssClasses
get `cssClasses()`

# results matching ""

# No results matching ""