Karkas · primitive
Ajratgiç
Kontentni ikkiga ajratuvçi nozik çiziq. Böş yoki içida yorliq bilan («yoki»); gorizontal va vertikal; <hr> yoki role="separator".
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-orientation | horizontalvertical | horizontal |
data-align | centerstart Yorliq çapda.end Yorliq öngda. | center |
data-strength | defaultstrong | default |
Anatomiya
- root
.fx-dividerşart
Klaviatura va kiriş
Ma'no beradigan ajratgiç — <hr> yoki role="separator"; vertikal bölsa aria-orientation="vertical"; sof bezak bölsa aria-hidden.
Kod
AI uçun: qaçon işlatiladi
Işlating
- Bir sahifadagi mantiqiy bölimlarni yoki qatordagi guruhlarni vizual ajratiş.
- Kiriş formasida «yoki» ajratgiçi.
npx foxui add divider
<p>Hisobingiz bormi?</p> <hr class="fx-divider"> <div class="fx-divider" role="separator">yoki</div> <div style="display:flex;gap:1rem;align-items:center"><a class="fx-link" href="#">Profil</a><span class="fx-divider" data-orientation="vertical" role="separator" aria-orientation="vertical"></span><a class="fx-link" href="#">Çiqiş</a></div>
Tokenlar: --fx-border-color-default --fx-border-color-strong --fx-border-width-default --fx-font-size-xs --fx-space-3 --fx-space-4 --fx-space-6 --fx-text-tertiary
Ş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).