Class MJPageHeaderComponent

mj-page-header — Canonical page/dashboard header for MJ Explorer.

Renders the standard icon · title · subtitle layout with three named projection slots for additional content:

• [meta] — supporting info that lives below the subtitle in the identity column (result counts, status badges, stat-pills). Reads as data attached to the identity, not as a peer of the title — keeps the title the dominant visual anchor. Wraps when there are many badges.
• [actions] — right-aligned action buttons or sub-navigation, top-aligned with the title row so they stay anchored regardless of how tall the identity column grows.
• [toolbar] — optional secondary row beneath the title for dense controls (filters, time-range pickers, breadcrumbs)

Example:

<mj-page-header Title="Dashboard" Icon="fa-solid fa-gauge" Subtitle="Overview">
  <span meta class="badge">{{ count }}</span>
  <div actions>
    <button mjButton variant="primary">New</button>
  </div>
  <div toolbar>
    <app-time-range-picker></app-time-range-picker>
    <app-filter-bar></app-filter-bar>
  </div>
</mj-page-header>
Copy

For the body-level interior chrome variant used by left-nav sub-pages, use <mj-page-header-interior> instead — same slot conventions, different visual shape (single-row card, no titlebar).