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

- columns

###### HostBindings

- class

###### Accessors

- cssClasses

### HostBindings

class
Type : `string`

### Properties

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

### Accessors

cssClasses
get `cssClasses()`

# results matching ""

# No results matching ""