Page title bar with breadcrumb, title, description, and actions slots.

Renders a structured page header with semantic hierarchy. Slot usage is flexible — use only the slots you need.

Examples

<%!-- Minimal title + actions --%>
<.page_header>
  <:title>Dashboard</:title>
  <:actions>
    <.button>Export</.button>
    <.button variant={:default}>New project</.button>
  </:actions>
</.page_header>

<%!-- With breadcrumb and description --%>
<.page_header border>
  <:breadcrumb>
    <.breadcrumb>
      <.breadcrumb_item href="/projects">Projects</.breadcrumb_item>
      <.breadcrumb_separator />
      <.breadcrumb_item>Settings</.breadcrumb_item>
    </.breadcrumb>
  </:breadcrumb>
  <:title>Project Settings</:title>
  <:description>Manage this project's configuration.</:description>
</.page_header>