eui documentation
  1. Components
  2. EuiPageFooter

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
HostBindings
Accessors

Inputs

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

HostBindings

class
Type : string

Accessors

cssClasses
getcssClasses()

results matching ""

    No results matching ""