1. root.fx-page-headerşart
2. main.fx-page-header__mainixtiyoriy
3. title.fx-page-header__titleşart
4. count.fx-page-header__countixtiyoriy
5. text.fx-page-header__textixtiyoriy
6. actions.fx-page-header__actionsixtiyoriy
7. back.fx-page-header__backixtiyoriy
8. meta.fx-page-header__metaixtiyoriy
9. tabs.fx-page-header__tabsixtiyoriy
10. more.fx-page-header__moreixtiyoriy

Sahifada bitta <h1>.

npx foxui add page-header

<header class="fx-page-header">
  <a class="fx-back-link fx-page-header__back" href="#">Arizalar</a>
  <div class="fx-page-header__main">
    <h1 class="fx-page-header__title">Ariza #248 <span class="fx-page-header__count">Yangi</span></h1>
    <ul class="fx-page-header__meta"><li>Aziz Karimov</li><li>12-oktabr, 14:30</li><li>Saytdagi forma</li></ul>
  </div>
  <div class="fx-page-header__actions">
    <button class="fx-btn" data-variant="primary">Qabul qiliş</button>
    <button class="fx-btn fx-page-header__more" data-variant="ghost" data-shape="icon" popovertarget="ph-more" aria-haspopup="menu" aria-label="Boşqa amallar"><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M5 10h.01M10 10h.01M15 10h.01" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"/></svg></button>
    <div class="fx-menu" id="ph-more" role="menu" popover data-fx-menu>
      <button class="fx-menu__item" role="menuitem">Nusxa oliş</button>
      <button class="fx-menu__item" role="menuitem">Arxivlaş</button>
    </div>
  </div>
  <div class="fx-page-header__tabs"><div class="fx-tabs" role="tablist" aria-label="Ariza" data-fx-tabs>
    <button class="fx-tabs__tab" role="tab" id="ph-t1" aria-controls="ph-p1" aria-selected="true">Umumiy</button>
    <button class="fx-tabs__tab" role="tab" id="ph-t2" aria-controls="ph-p2" aria-selected="false">Tarix</button>
  </div></div>
</header>
<div class="fx-tabs__panel" role="tabpanel" id="ph-p1" aria-labelledby="ph-t1" tabindex="0">Ism, telefon, holat.</div>
<div class="fx-tabs__panel" role="tabpanel" id="ph-p2" aria-labelledby="ph-t2" tabindex="0" hidden>Özgarişlar tarixi.</div>
<!-- Scrollda yigʻilish (4.155): aylantiriladigan hudud ichida -->
<div style="block-size: 16rem; overflow: auto; border: 1px solid var(--fx-border-color-default); border-radius: var(--fx-radius-surface); padding-inline: var(--fx-space-4)">
  <header class="fx-page-header" data-collapse>
    <div class="fx-page-header__main"><h1 class="fx-page-header__title">Bitimlar <span class="fx-page-header__count">128</span></h1><p class="fx-page-header__text">Faol bitimlar · yangilangan 10:42</p></div>
    <div class="fx-page-header__actions"><button class="fx-btn" data-variant="primary" data-size="sm">Yangi bitim</button></div>
  </header>
  <p>Röyxat… pastga aylantiring — sarlavha kiçrayadi.</p><p style="block-size: 40rem">…</p>
</div>

Tokenlar: --fx-bg-page --fx-bg-surface --fx-border-color-default --fx-border-color-strong --fx-border-width-default --fx-font-adjust-display --fx-font-adjust-sans --fx-font-family-display --fx-font-family-sans --fx-font-size-display-sm --fx-font-size-lg --fx-font-size-sm --fx-font-weight-regular --fx-font-weight-semibold --fx-radius-circle --fx-space-1 --fx-space-12 --fx-space-2 --fx-space-3 --fx-space-4 --fx-space-6 --fx-text-secondary --fx-text-tertiary