# EuiPage

**Type:** component

<p>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.</p>
<h3>Basic usage</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-page&gt;
  &lt;eui-page-header label=&quot;Dashboard&quot;&gt;&lt;/eui-page-header&gt;
  &lt;eui-page-content&gt;Content&lt;/eui-page-content&gt;
&lt;/eui-page&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Use semantic HTML for proper document structure</li>
<li>Maintain heading hierarchy within page sections</li>
</ul>
<h3>Notes</h3>
<ul>
<li>This is the v2 variant with updated styling</li>
<li>Automatically detects column layouts</li>
</ul>


**Selector:** `eui-page`

**Standalone:** false
