Körsatiş · molecule
Overflow «+n»
Bitta qatorga siğmagan teglar, avatarlar yoki amallar yaşiriladi, oxirida «+n» tugmasi çiqadi (aria-label «yana 3 ta»). Bosilsa hammasi qatorlarga öraladi.
ToşkentObunaKorxonaVIPQaytgan
Anatomiya
- root
.fx-overflowşart - more
.fx-overflow__moreşart
Holatlar
expanded
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter, Space | «+n» — hammasini oçadi / yiğadi |
«+n» — haqiqiy tugma, aria-label «yana n ta», aria-expanded. Yaşirilganlar hidden (ekran öquvçidan ham çiqadi, oçilganda qaytadi).
Kod
AI uçun: qaçon işlatiladi
npx foxui add overflow
<div class="fx-overflow" data-fx-overflow style="max-inline-size:16rem"> <span class="fx-chip" data-type="tag">Toşkent</span><span class="fx-chip" data-type="tag">Obuna</span><span class="fx-chip" data-type="tag">Korxona</span><span class="fx-chip" data-type="tag">VIP</span><span class="fx-chip" data-type="tag">Qaytgan</span> <button class="fx-overflow__more" type="button" hidden></button> </div>
Tokenlar: --fx-bg-muted --fx-bg-subtle --fx-bg-surface --fx-border-color-default --fx-border-color-focus --fx-border-width-default --fx-border-width-focus --fx-control-h-sm --fx-font-size-xs --fx-radius-badge --fx-space-2 --fx-text-primary --fx-text-secondary
Şu toifadan
Nişon kartasiYutuq nişoni: belgi (emoji yoki ikon) + nom + sabab.BiriktirmaFayl yoki rasm kartoçkasi: belgi (tur) yoki rasm, nom, hajm, olib taşlaş ×, yuklaniş çiziği.Audio pleyerIxçam audio pleyer: ijro tugmasi, sarlavha, tölqinsimon progress (bosib yoki ← → bilan suriladi), vaqt va tezlik (1× · 1,5× · 2×).AvatarKvadrat avatar: ikki harf yoki surat, 6 toifa rangi, 3 ölçam (sm 22 · md 36 · lg 56), ixtiyoriy holat nuqtasi (active — puls, waiting, stopped, idle).Belgi (badge)Holat yoki toifa yorliği.Boğlovçi nurIntegratsiya va ma'lumot oqimi sxemasi (4.70): tugunlar (logo yoki ikon) orasida yumşoq egri çiziq, ustidan yuguruvçi nur yönalişni körsatadi.