Karkas · molecule
Bölim sarlavhasi
Sahifa içidagi bölim: sarlavha, izoh, öngda amallar, ixtiyoriy pastki çiziq. Sarlavha darajasi (h2/h3) mazmunga qarab tanlanadi.
Jamoa a'zolari
Kim nima qila olişini boşqaring.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-size | sm | md |
Anatomiya
- root
.fx-section-headşart - text
.fx-section-head__textixtiyoriy - title
.fx-section-head__titleşart - desc
.fx-section-head__descixtiyoriy - actions
.fx-section-head__actionsixtiyoriy
Holatlar
divider
Klaviatura va kiriş
Haqiqiy <h2>/<h3>; daraja oldingi sarlavhadan 1 poğonadan köp sakramasin.
Kod
AI uçun: qaçon işlatiladi
Işlating
- Bir sahifada bir neçta bölim; har bölimning öz amali.
Işlatmang
- Sahifa boşi (h1, breadcrumbs) →
page-header - Kartaning içki sarlavhasi →
card - Sahifaning boş sarlavhasi (h1) uçun işlatmang — page-header.
- Sarlavha darajasini köriniş uçun tanlamang.
npx foxui add section-head
<header class="fx-section-head" data-divider> <div class="fx-section-head__text"><h2 class="fx-section-head__title">Jamoa a'zolari</h2><p class="fx-section-head__desc">Kim nima qila olişini boşqaring.</p></div> <div class="fx-section-head__actions"><button class="fx-btn" type="button">Taklif qiliş</button></div> </header>
Tokenlar: --fx-border-color-default --fx-border-width-default --fx-font-size-lg --fx-font-size-md --fx-font-size-sm --fx-font-weight-semibold --fx-space-1 --fx-space-2 --fx-space-4 --fx-text-primary --fx-text-secondary
Şu toifadan
AkkordeonYiğiladigan bölimlar: native <details>; bir xil name bilan bittasi oçiq qoladi.Maqola sahifasiBlog maqolasi sahifasi (4.178): tepada ortga havola va toifa, sarlavha, lid, muallif qatori (avatar, ism, sana, öqiş vaqti) va muqova; ostida uç ustun — çapda yopişqoq ulaşiş tugmalari (Telegram, Facebook, X, havolani nusxalaş — data-fx-copy), markazda matn (fx-prose, 68 belgi kenglik), öngda mundarija (fx-toc — öqilayotgan bölimni belgilaydi).Kiriş sahifasiKiriş / röyxatdan ötiş sahifasi qolipi: markazda karta yoki çapda forma + öngda brend paneli (split).Bento törLanding xususiyatlarini turli ölçamdagi kataklar mozaikasida körsatiş (4.72): data-span bilan 2×1, 1×2, 2×2 va 3×1 kataklar, böş joylar avtomatik töldiriladi (dense).Bleed (manfiy çet)Içki elementni ota konteyner içki çetidan (padding) çiqarib, töliq enga yoyadi (4.19): karta içidagi jadval, rasm, ajratuvçi.Blog röyxatiBlog boş sahifasi yoki bölimi (4.178): sarlavha, toifa filtri (fx-chip), ixtiyoriy «Tanlangan» katta maqola (data-featured — töliq kenglikda, rasm yonida), kartalar töri va sahifalaş (fx-pagination).