Körsatiş · primitive
Qisqartiriş
Matn 1–4 qatordan keyin «…» bilan kesiladi. Kesilgan bölsa «Köproq» tugmasi çiqadi (aria-expanded); bir qatorli holatda töliq matn title'da. Fayl yöli uçun örtadan kesiş.
Mijoz yangi tarif haqida söradi: yillik obuna narxi, qurilmalar soni va yangilanişlar qanday işlaşi. Javobni ertaga ertalab yuboriş kerak.
loyiha/hujjatlar/şartnomalar/2026/oktabr/shartnoma.pdf
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-lines | 234 | 1 |
data-mode | middle | lines |
Anatomiya
- root
.fx-truncateşart - text
.fx-truncate__textixtiyoriy - toggle
.fx-truncate__toggleixtiyoriy - start
.fx-truncate__startixtiyoriy - end
.fx-truncate__endixtiyoriy
Holatlar
expandedoverflow
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter, Space | Matnni oçadi / yiğadi |
«Köproq» tugmasi aria-expanded. Tugmasiz variantda xulq title qöyadi (siçqonça uçun); kritik matnda tugmali variantni tanlang.
Kod
AI uçun: qaçon işlatiladi
Işlating
- Uzun izoh, mijoz xabari, fayl yöli kartada yoki jadvalda.
Işlatmang
- Bir neçta bölimni yiğiş →
accordion - Muhim ma'lumotni (narx, sana) kesmang.
- Tugmasiz kesişda töliq matn boşqa joyda ham bölsin (title sensorli ekranda işlamaydi).
npx foxui add truncate
<div class="fx-truncate" data-fx-truncate data-lines="2" style="max-inline-size:20rem"> <p class="fx-truncate__text">Mijoz yangi tarif haqida söradi: yillik obuna narxi, qurilmalar soni va yangilanişlar qanday işlaşi. Javobni ertaga ertalab yuboriş kerak.</p> <button class="fx-truncate__toggle" type="button" aria-expanded="false">Köproq</button> </div> <div class="fx-truncate" data-fx-truncate data-mode="middle" style="max-inline-size:14rem"><span class="fx-truncate__start">loyiha/hujjatlar/şartnomalar/2026/oktabr/</span><span class="fx-truncate__end">shartnoma.pdf</span></div>
Tokenlar: --fx-border-color-focus --fx-border-width-default --fx-border-width-focus --fx-font-size-sm --fx-radius-badge --fx-space-1 --fx-text-brand
Ş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.