Full-page layout composition: header / pane (sidebar) / main / footer slots.

Renders as a flex flex-col min-h-screen outer container. The header and footer are optional; if omitted those slots are simply not rendered. The pane (sidebar) can be positioned at :start (left) or :end (right).

When collapsible is enabled (default), the pane is hidden below the md breakpoint and the layout stacks vertically on small screens.

Examples

<.page_layout>
  <:header>
    <header class="h-16 border-b px-4 flex items-center">Logo</header>
  </:header>
  <:pane>
    <nav class="p-4">Sidebar nav</nav>
  </:pane>
  <div class="p-6">
    <h1>Main content</h1>
  </div>
</.page_layout>

<%!-- Right pane --%>
<.page_layout pane_position={:end} pane_width={:md}>
  <:pane><aside>Details panel</aside></:pane>
  <div>Content</div>
</.page_layout>

<%!-- Non-collapsible: pane always visible --%>
<.page_layout collapsible={false}>
  <:pane><nav>Always visible nav</nav></:pane>
  <div>Content</div>
</.page_layout>