eui documentation
  1. Components
  2. EuiPage

File

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

Description

Root page layout component (v2) that provides the foundational structure for application pages. Automatically detects and adapts styling based on the presence of column-based layouts.

Basic usage

Example :
<eui-page>
  <eui-page-header label="Dashboard"></eui-page-header>
  <eui-page-content>Content</eui-page-content>
</eui-page>

Accessibility

  • Use semantic HTML for proper document structure
  • Maintain heading hierarchy within page sections

Notes

  • This is the v2 variant with updated styling
  • Automatically detects column layouts

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector eui-page
styleUrls ./eui-page.scss
templateUrl ./eui-page.html

Index

Properties
HostBindings
Accessors

HostBindings

class
Type : string

Properties

columns
Type : QueryList<EuiPageColumns>
Decorators :
@ContentChild(EuiPageColumns, {static: true})

Accessors

cssClasses
getcssClasses()

results matching ""

    No results matching ""